javascript - React 如何向现有状态添加新的动态键？

Question

我已从数据库中以数组形式获取数据。 所以现在我得到这样的数组:

orders:[
{
_id:1,
name: honda,
}
{
_id:2,
name: suzuki,
}
{
_id:3,
name: audi,
}
]

所以我的问题是如何将新的键值附加到数组，所以它需要如下所示:

orders:[
{
_id:1,
name: honda,
opened:true,
}
{
_id:2,
name: suzuki,
opened:true,
}
{
_id:3,
name: audi,
opened:true,
}
]

现在我正在尝试使用此代码，但这不起作用:

getOrders(orders).then(response => {
        response.map(itm=>{
            const ordersData=[...itm]
            const opened={opened:true}
            this.setState({
                openedOrders: [ordersData,opened]
            })
        })
}) 

openedOrders 是我创建的新状态对象。 对此最好的解决方案是什么？ 谢谢

Answer 1

你的 map 应该是这样的。 (注意map函数中的return语句)

orders.map(item=> {
  return {...item, opened:true}  

})

所以你的函数可能看起来像

getOrders(orders).then(response => {
   let openedOrders =  orders.map(item=> {
       return {...item, opened:true}  
     })
   this.setState({
     openedOrders
   })

})