Esta pregunta también se relaciona con el uso del estado actualizado de Redux dentro de las funciones en los componentes de React. Me gustaría saber cómo puedo usar/actualizar el estado dentro de algún tipo de bucle en React. Ejemplo:
useEffect(() => { const interval = setInterval(() => { setCount(count + 1) console.log('Count:', count) }, 3000); return () => clearInterval(interval) }, [])Esto vuelve a la consola:
Count: 0 Count: 0 Count: 0 Count: 0 ...¿Qué debo hacer para evitar esto? (Me gustaría obtener Count: 0, Count: 1, Count: 2 como resultados)
debe pasar una función a setCount :
useEffect(() => { const interval = setInterval(() => { setCount(prevCount => { console.log('Count:', prevCount) return prevCount + 1; }); }, 3000); return () => clearInterval(interval) }, [])