正在更新处于React状态的数组对象

Question

我的状态为，

this.state = {
tempData: [{
"data": [{"id": "a1", "seatNo": 0},{"id": "a2", "seatNo": 0}],
"rowName": "a",
},{
"data": [{"id": "b1", "seatNo": 0},{"id": "b2", "seatNo": 0}],
"rowName": "b",
}]}

我想用事件的id更新特定seatNo的值。

Answer 1

尝试在类似的自定义事件中更新状态

onclickevent=(eventid)=>{
let data=[...this.state.tempData]
data.map(el=>{
el.data.map(al=>{
if(al.id===eventid){
al.seatNo="update the seat number"
}
return null
})
return null
})
this.setState({tempData: data})
}