Updating an array of objects in redux

Question

The initial state looks like this:

const INITIAL_STATE = {
    myArray: []
};

Now in my reducer, I want to append a new object to the existing array. I came up with something like this but it doesn't work as expected.

    case ADD_TO_ARRAY:
        return {
            ...state,
            myArray: [...state[ { action.payload.key: action.payload.value} ]]
        };

Note: I want to create a new object, in line, using the key and value passed in the action payload.

eltonkamami · Accepted Answer · 2017-06-08 21:04:49Z

5

with ES6 you can have dynamically calculated object keys
just add a variable to be evaluated in square brackets []

case ADD_TO_ARRAY:
  return {
    ...state,
    myArray: [...state.myArray, [ { [action.payload.key]: action.payload.value} ]]
};

answered Jun 8, 2017 at 21:04

eltonkamami

5,1881 gold badge24 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Updating an array of objects in redux

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related