【備忘録】Reactで配列の指定した場所の内容を書き換える方法

めっちゃ簡単なことだけど忘れちゃうから書いておく

useStateの定義

const [array, setArray] = useState<number[]>([1, 2, 3, 4, 5]);

関数で引数使う時

const updateArrayValue = (index, newValue) => {
    setArray(prevArray => {
      const newArray = [...prevArray]; // 配列のコピーを作成
      newArray[index] = newValue;      // 指定したインデックスの値を更新
      return newArray;                 // 新しい配列を返して更新
    });
  };

数値を直で入力

setArray(prevArray => {
    const newArray = [...prevArray]; // 配列のコピーを作成
    newArray[2] = 10;                // 指定したインデックスの値を更新
    return newArray;                 // 新しい配列を返して更新
});