Preguntas con la etiqueta [react-hooks]

Lista react-hooks preguntas

Utilizo muchas instantáneas de Firestore en mi aplicación nativa de reacción. También estoy usando ganchos de React. El código se parece a esto: useEffect(() => { someFirestoreAPICall().onSnapshot(snapshot => { //

Llamar a un gancho de React condicionalmente

3
respuestas
46
votos
80.0k
vistas

De la documentación oficial de React sabemos que "React depende del orden en que se llaman los Hooks" . Entonces, ¿hay algo de malo en "reservar" un lugar para un

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={() =>

Por lo que tengo entendido, puedo usar referencias para un solo elemento como este: const { useRef, useState, useEffect } = React; const App = () => { const elRef

Estaba revisando la documentación de los ganchos cuando me topé con useRef. Mirando su ejemplo... function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current`

Para componentes de clase, this.setStatellama por lotes si está dentro de los controladores de eventos. Pero, ¿qué sucede si el estado se actualiza fuera del controlador de eventos y se

Tengo algunos efectos secundarios que aplicar en mi componente de reacción y quiero saber cómo organizarlos: como efecto de un solo uso o varios efectos de uso ¿Cuál es mejor

Reaccionar ganchos useState() con objeto

19
respuestas
313
votos
618.1k
vistas

¿Cuál es la forma correcta de actualizar el estado, en un objeto anidado, en React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: {

Este código está en el mismo archivo (index.js). Soy realmente nuevo en el desarrollo web y parece que me equivoqué con el código y lo noté después de terminar con

Digamos que tengo 3 entradas: tasa, monto de envío y monto de recepción. Puse esas 3 entradas en los parámetros de diferenciación useEffect. Las reglas son: Si sendAmount cambió, calculoreceiveAmount

Con React 16.8.6 (era bueno en la versión anterior 16.8.3), aparece este error cuando intento evitar un bucle infinito en una solicitud de recuperación: ./src/components/BusinessesList.js Line 51: React Hook useEffect

Bucle infinito en usoEfecto

17
respuestas
201
votos
222.2k
vistas

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

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

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 useStateno me funciona, ni

Estoy probando los nuevos React Hooks y tengo un componente de reloj con un timevalor que se supone que aumenta cada segundo. Sin embargo, el valor no aumenta más allá