Preguntas etiquetadas con reactjs

Tengo autenticación de token de un servidor, por lo que cuando mi aplicación Redux se carga inicialmente, necesito hacer una solicitud a este servidor para verificar si el usuario está autenticado o no, y si es así, debería obtener el token. Descubrí que no se recomienda el uso de acciones …

85 reactjs  redux 

Tengo un componente que a veces necesitará renderizarse como an <anchor>y otras veces como <div>. El propque leí para determinar esto, es this.props.url. Si existe, necesito renderizar el componente envuelto en un <a href={this.props.url}>. De lo contrario, simplemente se renderiza como <div/>. ¿Posible? Esto es lo que estoy haciendo ahora …

85 javascript  reactjs 

Al usar TypeScript con React, ya no tenemos que extendernos React.Propspara que el compilador sepa que todos los accesorios de los componentes react pueden tener hijos: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } Sin embargo, no parece ser el …

85 reactjs  typescript 

Me gustaría saber cómo alternar un estado booleano de un componente de reacción. Por ejemplo: Tengo una verificación de estado booleana en el constructor de mi componente: constructor(props, context) { super(props, context); this.state = { check: false }; }; Estoy tratando de alternar el estado cada vez que se hace …

85 javascript  reactjs  reactjs-flux 

He tenido algunos problemas con el enrutador react (estoy usando la versión ^ 4.0.0). este es mi index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, …

85 javascript  json  reactjs  react-router 

¿Hay alguna forma de hacer que React Router abra un enlace en una nueva pestaña? Intenté esto y no funcionó. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Es posible suavizarlo agregando algo como onClick="foo"el enlace que tengo arriba, pero habría un error de consola. Gracias.

85 reactjs  react-router 

Tal vez no entendí algo, pero useCallback Hook se ejecuta cada vez que se vuelve a renderizar. Pasé entradas, como segundo argumento para useCallback, constantes que no se cambian siempre, pero la devolución de llamada memorizada aún ejecuta mis costosos cálculos en cada render (estoy bastante seguro, puede verificarlo usted …

85 reactjs 

Probando TypeScript para un proyecto de React y estoy atascado en este error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of type 'string' was …

85 reactjs  typescript 

Estoy almacenando una referencia en mi tienda redux y uso mapStateToProps para exponer la referencia de los componentes que necesitan acceso a ella. La referencia que se almacena se parece a: ref={node => this.myRefToBePutInReduxGlobalStore = node} ¿Cuál es el propType correcto para esta referencia?

85 reactjs 

Tengo un componente de función y quiero forzarlo a volver a renderizar. ¿Como lo puedo hacer? Como no hay instancia this, no puedo llamar this.forceUpdate().

85 javascript  reactjs 

Según tengo entendido, <Route path="/" component={App} />will da Appaccesorios relacionados con el enrutamiento como locationy params. Si mi Appcomponente tiene muchos componentes secundarios anidados, ¿cómo consigo que el componente secundario tenga acceso a estos accesorios sin: pasando accesorios de la aplicación usando el objeto de la ventana crear rutas para …

85 javascript  reactjs  react-router 

Leí la documentación, pero realmente no entendí la diferencia entre hydrate()y render()en React 16. Sé que hydrate()se usa para combinar SSR y renderizado del lado del cliente. ¿Alguien puede explicar qué es hidratante y luego cuál es la diferencia en ReactDOM?

85 javascript  reactjs  react-dom  react-fiber 

Siempre que corro webpacken la terminal obtengo: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Aquí está mi archivo webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] …

84 javascript  express  reactjs  webpack  babeljs 

Entonces comencé a aprender React hace una semana e inevitablemente llegué al problema del estado y cómo se supone que los componentes se comunican con el resto de la aplicación. Busqué y Redux parece ser el sabor del mes. Leí toda la documentación y creo que en realidad es una …

84 javascript  reactjs  state  immutability  redux 

Estoy creando y escuchando los DOM normales CustomEventpara comunicarse con los nodos principales: En niño: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); En padre: componentDidMount: function () { this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup); }, Esto funciona, pero ¿hay una forma específica …

84 reactjs