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...

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...

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

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 los...

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...

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...

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>...

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) {...

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 =...

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

¿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 ?

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({}); Luego,...

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?

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(); };...

¿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...

¿Hay formas de simular componentDidMounten React componentes funcionales a través de ganchos?

Espero que el estado se recargue en el cambio de accesorios, pero esto no funciona y la uservariable no se actualiza en la próxima useStatellamada, ¿qué está mal? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img...

Según los documentos: componentDidUpdate()se invoca inmediatamente después de que se realiza la actualización. Este método no se llama para el renderizado inicial. Podemos usar el nuevo useEffect()gancho para simular componentDidUpdate(), pero parece que useEffect()se ejecuta después de...

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:...

Permítanme explicar el resultado de este código para preguntar mi problema fácilmente. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return...