Redux - returning an array instead of an object in the reducer

Question

I'm trying to make a change on a page, once addListItem is ran an array called "list" that is actually a redux state, needs to be updated. I managed to update it, but instead of an array I return an object. I need to return an array instead, but I don't know how to refactor the code to make it do that.

/**
 * Add Item
 */
case 'playlist/addListItem_success': {
  return {
    ...state,
    list: {
      ...state.list,
      [action.meta.position]: {
        ...state.list[action.meta.position],
        status: true
      }
    }
  }
}

Oblosys · Accepted Answer · 2017-11-29 17:21:14Z

2

To return an array, you'd have to use the array-spread syntax (e.g. [...someArray]) instead of object spread, but you can't use that to update a particular index. With a map you can elegantly express what you need though:

return {
  ...state,
  list: state.list.map((e, i) => i === action.meta.position ? {...e, status: true} : e)
};

edited Nov 29, 2017 at 17:21

answered Nov 29, 2017 at 16:35

Oblosys

15.2k3 gold badges33 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

Redux - returning an array instead of an object in the reducer

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