¿Cuál es el equivalente de React Hooks de la devolución de llamada setState?

Blog

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

{count}

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