¿Cuál es el patrón recomendado para hacer un setState en un componente principal desde un componente secundario? var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos =
La entrada de texto está alineada al centro, cómo arreglar esta entrada de texto para que tome la entrada desde la esquina superior izquierda Aquí está mi css para la entrada de texto /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner...
Estoy tratando de hacer que ReactJS funcione con rieles usando este tutorial. Recibo este error: Uncaught ReferenceError: React is not defined Pero puedo acceder al objeto React en la consola del navegador . También agregué public / dist / turbo-react.min.js como se describe aquí y también...
Digamos que tengo una simple palanca: Cuando hago clic en el botón, el componente Color cambia entre rojo y azul Podría lograr este resultado haciendo algo como esto. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue :
Quiero importar un archivo CSS en un componente de reacción. Lo intenté import disabledLink from "../../../public/styles/disabledLink";pero aparece el siguiente error; Módulo no encontrado: Error: No se puede resolver 'archivo' o 'directorio' ../../../public/styles/disabledLink en c: \ Users...
Estoy luchando por resolver el problema con la siguiente sintaxis: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) }...
Aquí están los números min + gzip 26k gzip 90k original 450 + k Y React no tiene muchas características en su documentación. porque es tan grande? Tengo la sensación de que es la implementación de DOM ligero. Pero quiero estar seguro.
Tengo pruebas unitarias para mi reducers. Sin embargo, cuando estoy depurando en el navegador, quiero comprobar si mis acciones se han llamado correctamente y si el estado se ha modificado en consecuencia. Estoy buscando algo como: window._redux.store ... en el navegador para poder escribir...
Estoy migrando un proyecto de React con TypeScript para usar funciones de hooks (React v16.7.0-alpha), pero no puedo averiguar cómo configurar los tipos de los elementos desestructurados. Aquí hay un ejemplo: interface IUser { name: string; } ... const [user, setUser] = useState({name:...
Estoy implementando un ejemplo de https://github.com/moroshko/react-autosuggest El código importante es así: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
Tengo una reactjsaplicación escrita con los estándares ES6 y la uso webpackpara crearla. Las webpackcargas de los jsmódulos usando babel-loader. Para ser específico, utilizo las siguientes versiones de paquetes: ├── [email protected] ├── [email protected] ├── [email protected] └──...
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...
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...
Mientras desarrollaba con create-react-app, mi navegador entra en modo depurador en las advertencias: Se rompe en el código fuente de react-dev-tools: // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enabled the "break on warnings" feature. //...
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...
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/>,
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...
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...
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
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