fujjima https://blog.hatena.ne.jp/fujjima/ fujjima’s blog https://fujjima.hatenablog.com/ 基本的なところだけど、少し悩んでしまったのでメモ。 アプリのタイマー機能を実装しようとした際、setIntervalを使用しても時間が加算されない問題が発生した。 原因としては、setStateにオブジェクトを渡した場合、stateを即座にアップデートすることを保証しないというもの。 コンポーネントの state – React 今回のような、setIntervalでsetStateが呼ばれるなど参照したいstateが絶えず更新されているものである場合、「setStateに更新用の関数を渡し、その関数内の引数で最新のstateにアクセスして操作する」のが正しい実装内容となる。 駄目な例 下記の… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffujjima.hatenablog.com%2Fentry%2F2020%2F12%2F28%2F174122" title="setStateで古いstateを見てしまった - fujjima’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-12-28 17:41:22 rich https://fujjima.hatenablog.com/entry/2020/12/28/174122 1.0 100%