javascript - 配列内の配列の状態を設定し、スプレッド演算子を使用するJavascriptおよびReact

Question

反応を使用してアイテムの配列を作成し、スプレッド演算子を使用したかったのですが、設定に問題があります。

const [mediaArray, setMediaArray] = useState(null);
const [newArray, setNewArray] = useState([]);

const handleNewSet = index => {
  setNewArray([...newArray[index], '']);
  mediaArray[index] = {
    ...mediaArray[index],
    ['sets']: [...newArray[index], ''],
  };
};

エラーの取得: TypeError: 反復不可能なインスタンスを拡散しようとする試みが無効です

からセットの追加配列を に追加するボタンがありnewArrayますmediaArray。しかし、私は を繰り返し処理しようとしてmediaArrayいるので、正しいセットが正しい mediaArray に送られるようにしたいと考えています。それが理にかなっていることを願っています

したがって、最終的には、1 セットのセットを持つ 1 セットの mediaArray が作成されます

mediaArray = {
  sets: ['data1', 'data2', ...] //this will be from a specific index of the newArray
}

セットの別のセットを持つ別の mediaArray

mediaArray = {
  sets: ['bb1', 'bb2', bb3, ...] //this will be from a specific index of the newArray
}

等々...

最終的には、newArray が必要です。

newArray = [['data1','data2', ...], [bb1, bb2, bb3, ...], [aa2, aa5, ...], [...]]