如何在反應中為嵌套的對象數組設置狀態？

Question

這是對象，假設我要在列表中添加一些內容：[]，我該怎么做？ 我知道我們可以使用 prevList 回調來做到這一點，但我有點困惑無法通過它進行映射。

const [boardlist, setBoardlist] = useState([
    {
      id: 1,
      boardName: "home work",
      data: [
        {
          id: 1,
          header: "Stuff to do",
          list: [
            {
              id: 1,
              taskTitle: "working from home",
            },
          ],
        },
        {
          id: 2,
          header: "In Progress",
          list: [],
        },
        {
          id: 3,
          header: "Done",
          list: [],
        },
      ],
    },
  ]);

Answer 1

如何復制狀態並使用括號表示法和點表示法推送到您需要更改的元素？

const boardlistCopy = JSON.parse(JSON.stringify(boardlist));
boardlistCopy[0].data[1].list.push({id: 2, task: "studying React"});
setBoardlist(boardlistCopy);