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...
¿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:
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 `size`...
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 ....
¿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 =...
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 bastante sencilla,...
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...
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...
¿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');
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...
¿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"...
¿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.
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...
En React puede crear claramente un objeto y asignarlo como un estilo en línea. es decir. mencionado abajo. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor...
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...
Después de pasar un tiempo aprendiendo React, entiendo la diferencia entre los dos paradigmas principales de crear componentes. Mi pregunta es cuándo debo usar cuál y por qué. ¿Cuáles son los beneficios / compensaciones de uno sobre el otro? Clases de ES6: import React, { Component } from...
Estoy tratando de enviar datos desde un componente hijo a su padre de la siguiente manera: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return (...
¿Cómo centrar el texto en ReactNative tanto en horizontal como en vertical? Tengo una aplicación de ejemplo en rnplay.org donde justifyContent = "center" y alignItems = "center" no funciona: https://rnplay.org/apps/AoxNKQ El texto debe estar centrado. ¿Y por qué hay un margen en la parte...
Le paso 2 valores a un componente hijo: Lista de objetos para mostrar Eliminar función. Utilizo una función .map () para mostrar mi lista de objetos (como en el ejemplo dado en la página tutorial de reacción), pero el botón en ese componente activa la onClickfunción, en el renderizado (no...
Tengo problemas para lidiar con ReactJS de Facebook. Cada vez que hago ajax y quiero mostrar datos html, ReactJS lo muestra como texto. (Ver figura a continuación) Los datos se muestran a través de la función de devolución de llamada correcta de jquery Ajax. $.ajax({ url: url here, dataType:...