Array missing in react redux reducer

Question

i am trying to check my inner array id same as dispatched id, table example

{
 _id :1,
 name: sagar elias jacky
 Amenities :[{ id: 100, title : hi },{ id: 101, title : hallo } ]
}

checking dispatched id exit or not using map,

return { ...state, 
  items : {...state.items, 
  Amenities : { ...state.items.Amenities
 .map(x=> x._id === action.dispatchedID ?  {...x,deleting: true} :  x ) }}}

but it will return with non array Amenities, like

Amenities:
0: { id: 100, title : hi },
1: { id: 101, title : hallo }

i want this to

Amenities:Array(2)
0: { id: 100, title : hi },
1: { id: 101, title : hallo }

returned array looks the same as your output, can you create demo to reproduce an issue? — Just code
– Just code, Commented Mar 1, 2019 at 8:03

adiga · Accepted Answer · 2019-03-01 08:08:04Z

2

When you spread an array inside {}, it creates an object with indexes of array as keys

const array = [{a:1}, {a:2}]
console.log({...array})

So, change

Amenities : { ...state.items.Amenities
 .map(x=> x._id === action.dispatchedID ?  {...x,deleting: true} :  x ) }

to:

Amenities : [ ...state.items.Amenities
 .map(x=> x._id === action.dispatchedID ?  {...x,deleting: true} :  x ) ]

answered Mar 1, 2019 at 8:08

adiga

35.4k9 gold badges65 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

Array missing in react redux 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