javascript - 如何在反应中为嵌套的对象数组设置状态？

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: [],
        },
      ],
    },
  ]);

标签： javascriptreactjsuse-state

Answer 1

复制状态并使用括号符号和点符号推送以到达您需要更改的元素怎么样？

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