Add object to existing array in state

Question

I have an application that uers lets create new tables, lets say I have the following state:

const initialState = {
  table: [{
    id: 1,
    item: {}
  }]
}

Now I want to add new objects to the item:

The reducer:

case types.ADD_ITEM:
    return {
      ...state,
      table: [...state.table, { item: action.item}],
      loading: false
    }

So after user adds new items in a table the state should look something like this:

table: [
// table with id 1
      {
        id: 1,
        item: {
          id: '1',
          data: 'etc'
        }
        item: {
          id: '2',
          data: 'blabla'
        }
      },
  // table with id 2
      {
       id: 2,
       item: {
        id: '1'
        data: 'etc'
       }
      },
 // etc
    ]

I think I have my reducer wrongly setup.. the tables are added correctly, but Items not.

Current format is:

table: [
      {
        id: 1,
        item: []
      },
      {
        item: {
          id: '1'

        }
      }
    ]

just change to table: [...state.table, { ...action.item} ] — Code Maniac
– Code Maniac, Commented May 20, 2019 at 13:12

AdamGold · Accepted Answer · 2019-05-20 13:15:22Z

1

I think you are trying to add the contents of action.item to your array. What you're currently doing is adding the contents as a new element. You can use the following to achieve your desired output:

case types.ADD_ITEM:
    return {
      ...state,
      table: [...state.table, { ...action.item }],
      loading: false
    }

Or if you want to get only the id field of the item, and store the item inside a item field:

case types.ADD_ITEM:
    return {
      ...state,
      table: [...state.table, { id: action.item.id, item: action.item }],
      loading: false
    }

edited May 20, 2019 at 13:15

answered May 20, 2019 at 13:13

AdamGold

5,1014 gold badges32 silver badges51 bronze badges

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

1 Comment

pazta Over a year ago

hmm, this actually creates a table with the items id + items objects, I need to add the action.item objects into the item object inside table array

Collectives™ on Stack Overflow

Add object to existing array in state

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related