やりたいこと
下記リンクを参考に、リアクトでリアルタイムに時間が表示されるタイマーを作成したいです。
https://www.nishishi.com/javascript-tips/realtime-countdown-deadline.html
質問・懸念点
表示するカウントの値をstateで管理すると、
パフォーマンスは下がりますか?
毎秒レンダリングして、stateを変更しようと思っています。
ベストな方法があればアドバイスいただきたいです。
詳細
①DBに期限の日時が登録
②マウントした際に、その期限をstateにも保存
③カウントの値をstateで管理
④カウントの機能はウェブサイトの一部なので、レンダリングのタイミングは他にもあります
⑤setIntervalを使用して毎秒カウントダウンをする予定
例えば、
・現在: 2019-12-01 23:50:00
①DBに保存されている期限: 2019-12-02 00:00:00
②stateがもつ期限: 2019-12-02 00:00:00
③表示: 残り 0日0時間10分0秒
環境
react
redux
router
MySQL
Laravel
補足
【パフォーマンスが下がるについて】
ブラウザの表示する速度が遅くなったり、
リンク先へ遷移するなどの動作が遅くなったりしないかどうかです。
画像をたくさん使用している場合などに見られる、
ブラウザが重くなり、動作が遅くなる、などと一緒のイメージです。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。