useStateで配列要素を追加・削除・変更する方法 - Qiita

はじめに 今回はuseStateで配列を更新する方法について紹介していきます。（個人開発の備忘録も兼ねているので、何か気づいたことがあれば教えていただけると嬉しいです。） useStateで配列要素の更新を行う場合、pushなどを使用すると再描画が走りません。理由についてはこちらに詳しく解説がありました。 Reactではstateの値が変化した時にコンポーネントが再描画されます。 stateの値の変化を、Object.is() で判定しているとのことです。なので、pushやspliceでは前回と同じ値と判定されるそうです。 そのため、pushなどは使用せずに、新たに配列を作成して保存する必要があります。