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

【问题标题】：How to setState for nested array of object in react?如何在反应中为嵌套的对象数组设置状态？
【发布时间】：2021-08-27 14:15:09
【问题描述】：

这是对象，假设我要在列表中添加一些内容：[]，我该怎么做？我知道我们可以使用 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: [],
        },
      ],
    },
  ]);

【问题讨论】：

这能回答你的问题吗？ How to update nested state properties in React
如果浏览此数据结构是个问题，请参阅：How can I access and process nested objects, arrays or JSON?
专门针对处于状态的数组：Correct modification of state arrays in React.js
你看到了，但我仍然对我拥有的数组感到困惑，如果我能得到一点帮助，那真的很有帮助。
您应该包括一个明确的用例，您为使其工作所做的尝试 (minimal reproducible example) 以及哪些不工作。

标签： javascript reactjs use-state

【解决方案1】：

如何复制状态并使用括号表示法和点表示法推送以到达您需要更改的元素？

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

【讨论】：