ReactのuseStateで配列のindexを指定して変更するにはどうすれば良いでしょうか？

Question

ReactのuseStateにおける配列の操作に苦慮しています。

連想配列や配列にただ追加していくだけなら問題ないのですが、
配列のindexを指定して変更するには、どうすればよいでしょうか

連想配列なら

const [test, setTest] = useState({
    string: "",
    num: 0,
  });

setTest({ ...test, num: 1 });

配列を追加するなら

const [test, setTest] = useState([0]);
setTest([...test, 1]);

配列のindexを指定する場合

const [test, setTest] = useState([10, 20, 30]);

補足情報（FW/ツールのバージョンなど）

react >>> 17.0.11

Answer 1

たとえば、配列testの２番目の要素に10を加えたいとすると、これでいけます。

const newTest = test.map((x, i) => i === 1 ? x + 10 : x);
setTest(newTest);

???? サンプル

Comments

[lkl191]

できました！
ありがとうございます！