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

Question

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

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

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

var orderID = "o2"

我有另外一个状态数据。

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

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

所需输出：

console.log(data1)

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

我想将 Object 设置为 data1 状态，但不知道如何操作。我在 Stack Overflow 上搜索过，但未找到解决方案。请帮助我解决这个问题。

- Durai DD

Answer 1

尝试这种方法。

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

- Andrew