Probablemente me esté perdiendo algo muy obvio y me gustaría aclararme. Aquí está mi comprensión. En un componente de reacción ingenua, tenemos states& props. La actualización statecon setStatevuelve a renderizar todo el componente. propsen su mayoría son de solo lectura y actualizarlos...
Estoy probando React-Router (v4) y tengo problemas para iniciar el Nav para tener uno de los Linkmejores active. Si hago clic en cualquiera de las Linketiquetas, las cosas activas comienzan a funcionar. Sin embargo, me gustaría que Home Linkesté activo tan pronto como se inicie la aplicación, ya...
He configurado eslint& eslint-plugin-react. Cuando ejecuto ESLint, el linter devuelve no-unused-varserrores para cada componente de React. Supongo que no reconoce que estoy usando la sintaxis JSX o React. ¿Algunas ideas? Ejemplo: app.js import React, { Component } from 'react'; import...
A diferencia de ListView, podemos actualizar this.state.datasource. ¿Existe algún método o ejemplo para actualizar FlatList o volver a renderizarlo? Mi objetivo es actualizar el valor del texto cuando el usuario presiona el botón ... renderEntries({ item, index }) { return(...
Problema Estoy configurando una reacción refusando una definición de función en línea render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> entonces en componentDidMountla referencia DOM no se establece componentDidMount = () => { //...
¿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...
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...
El estado inicial en una aplicación Redux se puede configurar de dos maneras: pasarlo como segundo argumento a createStore( enlace de documentos ) páselo como primer argumento a sus (sub) reductores ( enlace de documentos ) Si pasa el estado inicial a su tienda, ¿cómo lee ese estado de la...
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...
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 INIT...
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...
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...
Estoy usando react native navigation (react-navigation) StackNavigator. comienza desde la página de inicio de sesión durante todo el ciclo de vida de la aplicación. No quiero tener una opción de retroceso, volviendo a la pantalla de inicio de sesión. ¿Alguien sabe cómo se puede ocultar en la...
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
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().
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?
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...
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...
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...
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 });