Updating array in redux State

Question

how to update and element in an Array in REDUX state for

var initialState = {
   DataArray :[],
   isSelected : flase,
}

Ex:

var DataArray = [
               {place:NY ,Bool:true},
               {place:Boston ,Bool:true}
              ]

updated to

var DataArray =[
            {place:NY ,Bool:false},
            {place:Boston ,Bool:true},
           ]

What have you tried so far? Do you have a specific question? — stone
– stone, Commented Oct 11, 2017 at 7:34

Sambit Prakash · Accepted Answer · 2017-10-11 13:40:22Z

1

Check my below code. May b It will help you. Use this code in your reducer, where you want to update data in array.

return { ...state,
      stateArray: state.stateArray.map(data => {
        if (data.place === action.payload.data.place) {
          return action.payload.data;
        }
        else {
          return {place:data.place,count:data.count,selected:false};
        }
      }
    )
  }

answered Oct 11, 2017 at 13:40

Sambit Prakash

3414 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Faysal Ahmed · Accepted Answer · 2017-10-11 07:52:10Z

0

Assuming you have object in payload you want to update and your action type is UPDATE_ARRAY

case 'UPDATE_ARRAY':
  let data = [...state.DataArray],
  index = data.findIndex(r => r.place === action.payload.place) //finding which index should get the udpate
  if(index > -1) //
  {
    data[index] = action.payload
    return {...state,DataArray: data}
    // ES5 --> return Object.assign({},state,DataArray: data)
  }
  else return state

answered Oct 11, 2017 at 7:52

Faysal Ahmed

1,55213 silver badges28 bronze badges

Collectives™ on Stack Overflow

Updating array in redux State

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related