がSETSTATEレンダリング動作

Question

反応し、私はこれら二つのオプションのレンダリング動作に関する質問を持っています。ただし、オプション2のみがページを再レンダリングします。オプション1を指定しても、表現型が変更されることはありません。 その理由は何ですか？ありがとう！

Answer 1

この行stepsData[stepIndex][targetArray] = newArray;は、新しいものを作成する代わりにstepsData[stepIndex]オブジェクトを変異させます。

それは

stepsData[stepIndex] = { 
    ...stepsData[stepIndex], 
    [targetArray]: newArray 
} 

ようにあなたは、マップ関数の内部でやったのと同じ方法でなければなりません。