Preguntas etiquetadas con react-hooks

El gancho useEffect React ejecutará la función pasada en cada cambio. Esto se puede optimizar para permitir que llame solo cuando cambien las propiedades deseadas. ¿Qué sucede si deseo llamar a una función de inicialización componentDidMounty no volver a llamarla en los cambios? Digamos que quiero cargar una entidad, pero …

205 javascript  reactjs  react-hooks 

Con React 16.8.6 (fue bueno en la versión anterior 16.8.3), obtengo este error cuando intento evitar un bucle infinito en una solicitud de recuperación ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps No he podido encontrar una solución …

178 reactjs  eslint  create-react-app  react-hooks 

En los documentos oficiales de React menciona: Si está familiarizado con los métodos de ciclo de vida de la clase React, puede pensar en useEffect Hook como componentDidMount, componentDidUpdate y componentWillUnmount combinados. Mi pregunta es: ¿cómo podemos usar el componentWillMount()método lifecyle en un gancho?

176 javascript  reactjs  jsx  react-hooks 

Estoy tratando de aprender ganchos y el useStatemétodo me ha confundido. Estoy asignando un valor inicial a un estado en forma de matriz. El método set en useStateno me funciona incluso con spread(...)o without spread operator. He hecho una API en otra PC a la que estoy llamando y obteniendo …

167 javascript  reactjs  react-hooks 

Digamos que tengo 3 entradas: rate, sendAmount y recibenAmount. Puse esas 3 entradas en useEffect diffing params. Las reglas son: Si sendAmount cambió, calculo receiveAmount = sendAmount * rate Si recibo Monto cambiado, calculo sendAmount = receiveAmount / rate Si la tasa cambió, calculo receiveAmount = sendAmount * ratecuándo sendAmount …

151 reactjs  react-hooks 

Estoy tratando de usar ganchos de reacción para un problema simple const [personState,setPersonState] = useState({ DefinedObject }); con las siguientes dependencias. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } pero sigo recibiendo el siguiente error: ./src/App.js Línea 7: React Hook "useState" se llama en la función "aplicación" que no …

148 reactjs  react-hooks 

Actualmente estoy aprendiendo el concepto de ganchos en React y tratando de entender el siguiente ejemplo. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => …

134 javascript  reactjs  react-native  react-hooks 

Estaba probando el ejemplo useEffect algo como a continuación: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento y recibo esta advertencia en mi consola. Pero …

120 javascript  reactjs  react-hooks 

Estoy probando los nuevos React Hooks y tengo un componente de reloj con un contador que se supone que aumenta cada segundo. Sin embargo, el valor no aumenta más allá de uno. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time …

109 javascript  reactjs  react-hooks 

¿Cómo empujar el elemento dentro de useState array React hook? ¿Es eso un método antiguo en estado de reacción? ¿O algo nuevo? Por ejemplo, ¿ ejemplo de push setState ?

108 javascript  reactjs  react-hooks 

Considerando el siguiente ejemplo de ganchos import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } Básicamente usamos este método.forceUpdate () para forzar al componente a volver …

108 javascript  reactjs  react-native  react-hooks 

He estado jugando con el nuevo sistema de enlace en React 16.7-alpha y me quedo atascado en un bucle infinito en useEffect cuando el estado que estoy manejando es un objeto o matriz. Primero, uso useState y lo inicio con un objeto vacío como este: const [obj, setObj] = useState({}); …

105 reactjs  react-hooks 

Tengo algunos efectos secundarios que aplicar y quiero saber cómo organizarlos: como un solo uso Efecto o varios efectos de uso ¿Qué es mejor en términos de rendimiento y arquitectura?

102 reactjs  react-hooks 

Estaba revisando la documentación de los ganchos cuando me encontré con useRef. Mirando su ejemplo ... function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the …

102 javascript  reactjs  react-hooks 

¿Cuál es la forma correcta de actualizar el estado, es un objeto anidado, en React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) ¿Cómo se usaría setExampleStatepara actualizar exampleStatea a(agregar un campo)? …

100 javascript  reactjs  react-hooks