如何在useState React Hooks中将对象连接到对象数组中的特定对象答案

【问题标题】：How to concatenate Object to specific object in Array of Objects in useState React Hooks如何在useState React Hooks中将对象连接到对象数组中的特定对象
【发布时间】：2021-11-12 08:07:06
【问题描述】：

我是reactjs 的新手。我在react hooks 中使用了state。我已经声明了一个state，如下所示

const [data1, setData1] = useState([{"orderID":"o1"},{"orderID":"o2"}])

我已经声明了一个orderID，编号为o2

var orderID = "o2"

我还有另一个state 数据

const [data2, setData2] = useState({"Waist":"3", "Hip":"2"})

我想将data2 对象更新为具有OrderID 的o2 的data1 对象数组

所需输出：

console.log(data1)

[{"orderID":"o1"},{"orderID":"o2", "Waist":"3", "Hip":"2"}]

我想将Object 设置为data1 状态。我不知道怎么做。我搜索了堆栈溢出。但我找不到解决方案。请帮我解决这个问题

【问题讨论】：

标签： javascript reactjs react-native react-hooks state

【解决方案1】：

试试这个方法。

setData1(prevData1 => 
    prevData1.map(element => element.orderID === orderId ? ({
        ...element,
        ...data2
    }) : element))

【讨论】：