Preguntas etiquetadas con reactjs

He estado probando mi aplicación React.js en Internet Explorer y encontré que algún código ES6 / 7 como Array.prototype.includes() rompe. Estoy usando create-react-app , y aparentemente han optado por no incluir muchos polyfills ya que no todos los necesitan y ralentizan los tiempos de compilación (ver por ejemplo aquí y …

87 javascript  reactjs  ecmascript-6  create-react-app  ecmascript-7 

Tengo el siguiente código, eslint throw: react / prop-types onClickOut; falta en la validación de accesorios niños reaccionar / prop-tipos; falta en la validación de accesorios propTypes se definió pero eslint no lo reconoce. import React, { Component, PropTypes } from 'react'; class IxClickOut extends Component { static propTypes = …

87 javascript  reactjs  eslint  flowtype 

Tengo una página web compleja que usa componentes React y estoy tratando de convertir la página de un diseño estático a un diseño más sensible y redimensionable. Sin embargo, sigo encontrando limitaciones con React y me pregunto si existe un patrón estándar para manejar estos problemas. En mi caso específico, …

86 javascript  reactjs  responsive 

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 no tiene sentido. En un componente de reacción …

86 reactjs  redux  react-redux 

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 = () => { // this.drawerRef is not defined Tengo entendido que la refdevolución de …

86 javascript  reactjs 

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( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> ) } <FlatList ref={(ref) …

86 reactjs  react-native  react-native-flatlist 

En React, el estado no se actualiza instantáneamente, por lo que podemos usar la devolución de llamada en setState(state, callback). ¿Pero cómo hacerlo en Redux? Después de llamar al this.props.dispatch(updateState(key, value)), necesito hacer algo con el estado actualizado inmediatamente. ¿Hay alguna forma de llamar a una devolución de llamada con …

86 javascript  reactjs  redux 

Mi objetivo es agregar componentes dinámicamente en una página / componente principal. Comencé con una plantilla de ejemplo básica como esta: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js: var App = React.createClass({ render: function() { return ( <div> <h1>App main component! </h1> …

86 javascript  reactjs  babeljs 

Estoy en el proceso de implementar una lista filtrable con React. La estructura de la lista es como se muestra en la imagen a continuación. PREMISA Aquí hay una descripción de cómo se supone que funciona: El estado reside en el componente de más alto nivel, el Searchcomponente. El estado …

86 javascript  list  reactjs 

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 Header from './header.js'; export default class App extends Component { …

86 javascript  reactjs  jsx  eslint 

Intenté buscar una respuesta a esto, pero la mayoría de ellos están fuera del contexto de React, donde se onChangedesencadena al desenfoque. Al realizar varias pruebas, parece que no puedo decir en qué se diferencian estos dos eventos (cuando se aplican a un área de texto). ¿Alguien puede arrojar algo …

86 javascript  reactjs  dom-events 

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 que ese …

86 javascript  reactjs  ecmascript-6  react-router 

Tengo un reductor, y para calcular el nuevo estado necesito datos de la acción y también datos de una parte del estado no administrada por este reductor. Específicamente, en el reductor que mostraré a continuación, necesito acceso al accountDetails.stateOfResidenceIdcampo. initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: …

86 javascript  reactjs  redux 

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 …

85 javascript  reactjs  redux 

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 pantalla después de …

85 reactjs  react-native  navigation  react-navigation