在React中的嵌套数组中添加新对象

发布于 2025-01-17 14:18:47 字数 432 浏览 0 评论 0原文

我有这样的数组，

const [boxes, setBoxes] = useState([
{
  title: "Background",
  id: 0,
  items: [],
},
]);


  const [selectedBox, setSelectedBox] = useState(0);

我想在物品字段中添加一个新对象并复制过去的对象，

这是我尝试的，

setBoxes(prevState => {
  return [
    ...prevState,
    prevState[selectedBox].items: [...prevState[selectedBox].items, {title:"test"}]      
  ]
})

非常感谢，祝您有美好的一天

原文

I have an array like this

const [boxes, setBoxes] = useState([
{
  title: "Background",
  id: 0,
  items: [],
},
]);


  const [selectedBox, setSelectedBox] = useState(0);

I want to add a new object in items field and copy the past ones,

This is what I'm trying

setBoxes(prevState => {
  return [
    ...prevState,
    prevState[selectedBox].items: [...prevState[selectedBox].items, {title:"test"}]      
  ]
})

Thanks a lot, have a nice day

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

吾性傲以野 2025-01-24 14:18:47

不知道由于缺乏信息，您要准确地尝试做什么，但是您可以尝试这样的事情：

setBoxes(prevState => {
  const newBoxes = {
    ...prevState,
  };
  newBoxes[selectedBox].items = [
    ...newBoxes[selectedBox].items,
    { title: 'test' },
  ];
  return newBoxes;
})

Not sure what you are trying to do exactly due to the lack of information but you can try something like this:

setBoxes(prevState => {
  const newBoxes = {
    ...prevState,
  };
  newBoxes[selectedBox].items = [
    ...newBoxes[selectedBox].items,
    { title: 'test' },
  ];
  return newBoxes;
})

回复收藏 0 原文

~没有更多了~