Tengo un componente muy simple que obtiene datos y hace algunos cálculos fáciles. Cada vez que la página actualice la representación del componente, el valor cambiará. También intenté borrar el caché pensando que podría ser un problema, pero no resolvió el problema. ¡Gracias por tu ayuda!
Intenté eliminar y recibo una advertencia con un mensaje que sugiere agregar difference , pero incluso sin ella, todavía se comporta de la misma manera en cada renderizado. Yo uso un valor de difference como este
He puesto el código en Sandbox para facilitar la depuración. El mismo problema sigue ocurriendo en cada actualización de página.
https://codesandbox.io/s/agitated-cdn-q3gju?file=/src/Card.js
Cada cambio de estado genera la representación del componente. Está escuchando el cambio de la variable "diferencia" y cambiándolo nuevamente con setDifference, creando un bucle.
Este
useEffect(()=>{ setState(something) },[state])Usar
useEffect(()=>{ setState(something) },[])