Si usamos ganchos de React para crear componentes, ya no podemos usar setState
para establecer nuestro estado.
En su lugar, debemos usar la función de establecimiento de estado devuelta por useState
gancho.
Sin embargo, el setState
El método toma un segundo argumento que nos permite ejecutar código después de que se establece un estado.
No hay forma de hacer esto directamente con las funciones de establecimiento de estado.
Sin embargo, podemos solucionar esto escribiendo sus ganchos equivalentes.
En este artículo, veremos el equivalente de React Hooks de setState
llamar de vuelta.
React Hooks Equivalente de la devolución de llamada setState
El React hooks equivale al setState
callback es el useEffect
gancho.
El useEffect
gancho nos permite observar el cambio de estado.
Para observar el valor de un estado, podemos escribir:
|_+_|Creamos el {count}import { useEffect, useState } from 'react'; export default function App() { const [count, setCount] = useState(0); useEffect(() => { console.log('count value', count); }, [count]); return ( setCount((c) => c + 1)}>increment
Estado que almacena un número.
Luego agregamos el count
gancho con una devolución de llamada que se ejecuta cuando useEffect
cambios de estado.
# desarrollo web # programación # reaccionar #javascript
javascript.plainenglish.io
¿Cuál es el equivalente de React Hooks de la devolución de llamada setState?
En este artículo, veremos cuál es el equivalente de React Hooks de las devoluciones de llamada setState. ¿Cuál es el equivalente de React Hooks de la devolución de llamada setState? Si usamos React hooks para crear componentes, ya no podemos usar setState para establecer nuestro estado. Debemos usar la función de establecimiento de estado devuelta por el gancho useState.