Update property value in nested array (redux state)

Question

How do you update a certain nested property in redux state?

Let's say I only want to update the "value" property in the object below. I know you shouldn't deep copy the previous state but how do i only change the property of an object in an array in an object of an array?

Thanks in advance!

market {
  shops: [
    {
      name: 'abc',
      items: [
        {
          name: 'item1',
          value: 40,
          id: '234rfds32'
        },
        {}
      ]
    },
    {},
    {}
  ]
}

Something like the following:

state = {
  ...state, 
  shops: [
    ...state.shops,
    shops[index].items = [
      ...shops[index].items,
    ]
  ]
};

market.shops[0].items[0].value = 10 is this what you are looking for? — Ankit Agarwal
– Ankit Agarwal, Commented Aug 22, 2018 at 9:10
@AnkitAgarwal Thanks for the fast reply but no, i updated the post to make it more clear what I'm looking for. I want to update the state with only the "value" property changed. — oscmag
– oscmag, Commented Aug 22, 2018 at 9:20

Shanaka Rusith · Accepted Answer · 2018-08-22 09:50:46Z

1

Something like this would work. (code looks ugly, didn't test though)

var shop =  state.shops[index];
var items = [...shop.items];
items[<index>].value = 'your value';
shop.items = items;
var shops = [...state.shops];
shops[index] = shop;

state = {
...state, 
shops 
};

answered Aug 22, 2018 at 9:50

Shanaka Rusith

4311 gold badge4 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Update property value in nested array (redux state)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related