Preguntas etiquetadas con reactjs

En React (marco de Facebook), necesito representar un elemento de etiqueta vinculado a una entrada de texto usando el foratributo estándar . por ejemplo, se utiliza el siguiente JSX: <label for="test">Test</label> <input type="text" id="test" /> Sin embargo, esto produce HTML que falta el foratributo requerido (y estándar) : <label>Test</label> <input …

250 reactjs  label 

EDITAR: este es un duplicado, mira aquí No puedo encontrar ningún ejemplo del uso de un nombre de clave dinámica al configurar el estado. Esto es lo que quiero hacer: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, donde event.target.id se usa como clave de …

248 javascript  reactjs  computed-properties 

¿Existe una forma integrada de usar los tipos de propiedad para garantizar que una matriz de objetos que se pasa a un componente sea en realidad una matriz de objetos de una forma específica? Tal vez algo como esto? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), ¿Me estoy perdiendo algo …

244 arrays  reactjs  react-proptypes 

Tengo un componente que recibe un accesorio por su tamaño. El accesorio puede ser una cadena o un número, por ejemplo: "LARGE"o 17. ¿Puedo dejar que React.PropTypes sepa que esto puede ser uno u otro en la validación de propTypes? Si no especifico el tipo, recibo una advertencia: prop type …

244 reactjs  react-proptypes 

Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado el año pasado . Mejora esta pregunta Hace poco descubrí Redux . Todo se …

243 reactjs  redux  flux  reactjs-flux 

¿Cómo incluyo opcionalmente un elemento en JSX? Aquí hay un ejemplo usando un banner que debería estar en el componente si se ha pasado. Lo que quiero evitar es tener que duplicar las etiquetas HTML en la instrucción if. render: function () { var banner; if (this.state.banner) { banner = …

229 javascript  reactjs  react-jsx 

Estoy aprendiendo Redux con React y me topé con este código. No estoy seguro de si es específico de Redux o no, pero he visto el siguiente fragmento de código en uno de los ejemplos. @connect((state) => { return { key: state.a.b }; }) Si bien la funcionalidad de connectes …

226 javascript  reactjs  decorator  redux 

El funcionario Reaccionar documentos afirman que " React.PureComponent's shouldComponentUpdate()única superficialmente compara los objetos", y aconseja en contra de este estado si es 'profunda'. Dado esto, ¿hay alguna razón por la que uno prefiera React.PureComponental crear componentes React? Preguntas : ¿Hay algún impacto en el rendimiento en el uso React.Componentque podamos …

224 reactjs  state 

Estoy tratando de entender el método de conexión de react-redux y las funciones que toma como parámetros. En particular mapStateToProps(). Según tengo entendido, el valor de retorno de mapStateToPropsserá un objeto derivado del estado (como vive en la tienda), cuyas claves se pasarán a su componente de destino (al que …

219 javascript  reactjs  redux  react-redux 

¿Cómo podemos pasar el parámetro con this.props.history.push('/page')React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

218 reactjs  react-router 

Después de comenzar a trabajar con React.js, parece que propsestán destinados a ser estáticos (pasados ​​desde el componente principal), mientras que los statecambios se basan en eventos. Sin embargo, noté en los documentos una referencia acomponentWillReceiveProps , que incluye específicamente este ejemplo: componentWillReceiveProps: function(nextProps) { this.setState({ likesIncreasing: nextProps.likeCount > this.props.likeCount …

217 javascript  reactjs  properties 

¿Hay alguna manera de pasar un componente a otro componente de reacción? Quiero crear un modelo de componente de reacción y pasar otro componente de reacción para poder incluir ese contenido. Editar: Aquí hay un codepen reactJS que ilustra lo que estoy tratando de hacer. http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> <p>Hi!</p> …

215 javascript  reactjs 

¿Cómo puedo hacer que el onKeyPressevento funcione en ReactJS? Debe alertar cuando enter (keyCode=13)se presiona. var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body);

215 javascript  reactjs  keypress  onkeypress 

Tengo la siguiente estructura: FormEditor- contiene múltiples FieldEditor FieldEditor- edita un campo del formulario y guarda varios valores al respecto en su estado Cuando se hace clic en un botón dentro de FormEditor, quiero poder recopilar información sobre los campos de todos los FieldEditorcomponentes, información que está en su estado, …

214 javascript  reactjs 

React puede representar atributos personalizados como se describe en http://facebook.github.io/react/docs/jsx-gotchas.html : Si desea utilizar un atributo personalizado, debe anteponerlo con datos-. <div data-custom-attribute="foo" /> Y esa es una gran noticia, excepto que no puedo encontrar una manera de acceder desde el objeto del evento, por ejemplo: render: function() { ... …

214 javascript  facebook  reactjs