Se habla mucho sobre el último niño en la ciudad de redux en este momento, redux-saga / redux-saga . Utiliza funciones generadoras para escuchar / despachar acciones. Antes de comprenderlo, me gustaría saber las ventajas y desventajas de usar en redux-sagalugar del siguiente enfoque donde estoy...
Tengo dos componentes Componente principal Componente hijo Estaba tratando de llamar al método del niño desde Parent, lo intenté de esta manera pero no pude obtener un resultado class Parent extends Component { render() { return ( <Child> <button
Estoy tratando de configurar mi React.jsaplicación para que solo se muestre si una variable que configuré es true. La forma en que está configurada mi función de renderización es la siguiente: render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+'...
Quiero agregar un elemento al final de una statematriz, ¿es esta la forma correcta de hacerlo? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Me preocupa que la modificación de la matriz in situ pushpueda causar problemas, ¿es seguro? La alternativa de hacer...
¿Cómo puedo definir una ruta en mi archivo routes.jsx para capturar el __firebase_request_keyvalor del parámetro de una URL generada por el proceso de inicio de sesión único de Twitter después de la redirección desde sus
Estoy buscando una manera de detectar si ocurrió un evento de clic fuera de un componente, como se describe en este artículo . jQueryarest () se usa para ver si el objetivo de un evento de clic tiene el elemento dom como uno de sus padres. Si hay una coincidencia, el evento de clic pertenece a uno...
En un componente Reaccionar para un <select>menú, necesito establecer el selectedatributo en la opción que refleja el estado de la aplicación. En render(), optionStatese pasa del propietario del estado al componente SortMenu. Los valores de las opciones se pasan propsdesde JSON. render:...
Estoy siguiendo el tutorial en el sitio web oficial de React Native. Usando lo siguiente para construir mi proyecto: react-native run-ios Me sale el error: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command...
Estoy tratando de organizar mi estado usando propiedades anidadas como esta: this.state = { someProperty: { flag:true } } Pero actualizar estado como este, this.setState({ someProperty.flag: false }); no funciona ¿Cómo se puede hacer esto
Me sale este error después de hacer una página de ejemplo de Reacción trivial: Error no detectado: Infracción invariable: _registerComponent (...): el contenedor de destino no es un elemento DOM. Aquí está mi código: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App...
Estoy trabajando con Javascript (ES6) / FaceBook react y estoy tratando de obtener los primeros 3 elementos de una matriz que varía en tamaño. Me gustaría hacer el equivalente de Linq take (n). En mi archivo Jsx tengo lo siguiente: var items = list.map(i => { return ( <myview item={i}...
Vi una charla de desarrollo de React en ( Pete Hunt: React: repensar las mejores prácticas - JSConf EU 2013 ) y el orador mencionó que la verificación sucia del modelo puede ser lenta. Pero, ¿no es el cálculo de la diferencia entre DOM virtuales en realidad incluso menos eficaz ya que el DOM...
Tengo una aplicación donde necesito establecer la altura de un elemento (digamos "contenido de la aplicación") dinámicamente. Toma la altura del "cromo" de la aplicación y la resta y luego establece la altura del "contenido de la aplicación" para que se ajuste al 100% dentro de esas restricciones....
En la versión actual de React Router (v3) puedo aceptar una respuesta del servidor y usarla browserHistory.pushpara ir a la página de respuesta apropiada. Sin embargo, esto no está disponible en v4, y no estoy seguro de cuál es la forma adecuada de manejar esto. En este ejemplo, usando Redux,...
Tengo un componente de reacción simple con la forma que creo que tiene una entrada controlada: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form
Estaba leyendo la documentación de la biblioteca Redux y tiene este ejemplo: Además de leer el estado, los componentes del contenedor pueden enviar acciones. De manera similar, puede definir una función llamada mapDispatchToProps()que recibe el dispatch()método y devuelve los accesorios de...
Mi estructura se ve de la siguiente manera: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 El componente 3 debería mostrar algunos datos dependiendo del estado del componente 5. Dado que los accesorios son inmutables, no puedo simplemente guardar su...
Soy nuevo en ReactJS y JSX y tengo un pequeño problema con el código a continuación. Estoy tratando de agregar varias clases al classNameatributo en cada una li: <li key={index} className={activeClass, data.class, "main-class"}></li> Mi componente Reaccionar es: var AccountMainMenu...
En la función de render de mi componente tengo: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ......
Acabo de reemplazar react-routerde v3 a v4. Pero no estoy seguro de cómo navegar mediante programación en la función miembro de a Component. es decir, en la handleClick()función que quiero navegar /path/some/wheredespués de procesar algunos datos. Solía hacer eso por: import { browserHistory }...