setInterval 反応完了コンポーネントの無制限の再レンダリング。なぜこれが起こるのか、そしてそれを修正する方法は何ですか?

Question

これは私の反応コードです。これにより、コンポーネントが無限に再レンダリングされます: const[秒,setSeconds]=useState(60)useEffect(()=>{constinterval=setInterval(()=>{setSeconds(秒=>秒-1);},1000) ;return ()=>clearInterval(間隔);},[]);conso

P粉476046165 · Answer

これは、コンポーネントがアンロードされるときにのみ間隔をクリアするために発生します。これは、ユーザーがページから移動したときにのみ発生します。

おそらくこれが必要ですか?間隔が0になったらクリアします。ただし、このためには参照を使用する必要があります。setInterval には初期値しかないため、状態を使用できません:

リーリー