Js siendo dificil para mi >:|
export default function Timer() { const [timer, setTimer] = useState(10000); useEffect(() => { setInterval(() => { if (Number(timer) > Number(6000)) { setTimer((prevCount) => prevCount - 100); } }, 100); }, []); console.log(timer);¿Por qué este temporizador no deja de contar cuando llega a 6000?
No necesitará setInterval . Deje que useEffect se ejecute solo cuando cambie el temporizador y esto se hace pasando el timer como argumento.
Este enlace describe cómo optimizar useEffect
const [timer, setTimer] = useState(10000); function setTimerToNewValue() { setTimer(timer - 100); } useEffect(() => { if (timer > 6000) { setTimerToNewValue(); } }, [timer]); console.log(timer); En este ejemplo, useEffect se ejecutará tan pronto como cambie el timer .
Aquí hay otra implementación con setInterval
function setTimerToNewValue() { setTimer((timer) => timer - 100); } useEffect(() => { let z; if (timer > 6000) { z = setInterval(() => { setTimerToNewValue(); }, 1000); } return () => clearInterval(z); }, [timer]);si tiene que usar el temporizador, puede usar este código
export default function Timer() { const [timer, setTimer] = useState(10000); useEffect(() => { console.log(timer) const interval = setInterval(() => { if (timer>6000) setTimer(timer => timer - 1000); }, 1000); return () => clearInterval(interval); }) }