akagoma https://blog.hatena.ne.jp/akagoma/ 赤ごまヱンヂニアリング https://blog.akagoma.com/ React Typescript node.js 見事に引っかかったのでメモ。 TL;DR useState()の値は常に最新とは限らんぞ。 ja.react.dev やりたかったこと useStateでRecord<ID, Record<string, any>>を管理しているときに、onChangeを受けたIDのパラメータだけを変更したかった。 なにがおきた ID=1を更新して、ID=2を更新すると、ID=1が過去データに巻き戻る現象が起きた。 どう対策した useStateの値を使うのではなく、set関数でうまいこと対応した。 詳しいことは「useState 値 反映」とかで調べると仕様が出てくる。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.akagoma.com%2Fentry%2F2025%2F02%2F17%2Freact-use-state" title="useState()した値をsetで更新しようとしたら、なぜか古い値で更新されてハマった - 赤ごまヱンヂニアリング" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/akagoma/20250217/20250217231459.png Hatena Blog https://hatena.blog 2025-02-17 23:30:00 rich https://blog.akagoma.com/entry/2025/02/17/react-use-state 1.0 100%