このステータスが別のステータスが更新されるか、更新されるまで待機するのはなぜですか? - React/NextJS

Question

編集: 次のバージョンは 13.3.0

です。

localArray という状態があり、これを特定のインデックスに対してのみ更新したいので、配列を変更し、時間値で状態を更新するための時間変数を作成しようと考えました。問題は、この状態は別のステータス更新またはクイック更新まで更新されません。なぜこれが起こるのかわかりません

これは再現可能な最小限の例です:

リーリー

ご覧のとおり、配列の状態が更新された後、最初の要素が段落に表示されるはずですが、シスの場合が説明されるまで表示されません。

Answer 1

React は、状態が不変であるという前提に基づいて構築されています。新しい配列を作成するのではなく、既存の配列を変更しているため、状態を設定した後、React は前後の状態を比較し、それらが同じ配列であることを検出し、したがって何も変わっていないと判断します。したがって、再レンダリングされません。

代わりに、配列のコピーを作成して変更します。

リーリー