Reactjs で更新時にタイムアウトをリセットしないようにする

Question

3 回クリックすると無効になるボタンがあります。ページを更新しても、カウンターは同じままです (1/3、2/3、または 0/3)。しかし、無効なボタンでは同じことはできません。 setTimeoutをリセットしたくない。中断したところから再開されることを願っています。 importReact,{useEffect,useState}from'react'functionWithout(){//const[count,setCount]=useState(3);const[co

P粉463811100 · Answer

遅延を 5000 ミリ秒に設定する setTimeOut 関数に依存せず、タイムスタンプの使用を検討してください。タイムスタンプを localStorage に保存し、現在のタイムスタンプと比較できます。差が 5000 ミリ秒以上の場合、ボタンは再び有効になります。完全なコードと私の実装は次のとおりです:

リーリー

P粉184747536 · Answer

「0」を無効にする追加の if ステートメントチェックを設定するだけです。値が正しく保存されました。

リーリー

Reactjs で更新時にタイムアウトをリセットしないようにする

全員に返信(2)返信します