Javascript 使用React钩子添加到对象数组中的元素

这是我的阵列

const roomData = [{
        name: 1,
        data: [{
                x: 102,
                y: 35
            },
            {
                x: 105,
                y: 40
            }
        ]
    },
    {
        name: 2,
        data: [{
            x: 104,
            y: 36
        }, {
            x: 105,
            y: 40
        }]
    }
}

这就是我设置RoomData的方式。 我需要在抓取时在数据属性中添加另一个x和y对。如何使用react hooks执行此操作？

因此，要向名为

roomToChange

的文件室添加数据，可以使用Array.prototype.map：

(response.data).forEach((room) => {
            setRoomData(roomData => [...roomData, {
                name: room['floor'],
                data: [{
                    x: room['Roomnumber'],
                    y: room['room_temperature']
                }]
            }]);

---

加上什么动作？单击某物或再次获取某物？将其添加到哪个条目？

roomData.map((room) =>
  room.name === roomToChange
    ? { ...room, data: room.data.concat(extraItem) }
    : room
);