Updating the array object in React state

Question

I have a state as,

 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",
    }]}

I want to update the value of specific seatNo with its id on an event.

you have to keep states as simple as possible!! – Nikhil S Apr 01 '20 at 15:17 — Nikhil S, Apr 01 '20 at 15:17

score 0 · Accepted Answer · answered Apr 01 '20 at 15:28

0

try updating state in custom event like this

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})
}

answered Apr 01 '20 at 15:28

Kesav

151
4

Thank you. The solution works. I was trying to use immutability-helper to update state. – Shrutika Apr 02 '20 at 06:56

Updating the array object in React state

1 Answers1