ReactのState配列操作

State配列 ReactでState配列を表示したり操作するUIはよくあると思います。しかし、ReactのState配列ならではの注意点があり、使うメソッドを気をつける必用があります。 例えば、State配列末尾に追加する場合はpushでは無くconcatを使う必要があります。 理由は、配列を書き換えずに更新する必用がある為です。 それでは、よく使う操作を説明いたします。 追加 useArrayにaddItemを実装しました。 concatを使用して追加するコードです。重要な部分は以下の通りです。 ベースの配列.concat(追加したい値)です concatで新しい値を追加します import { useState } from 'react'; type Item = { id: number; name: string; }; export const useArray = () =