Array.map returns null in a redux reducer using arrow functions

Question

Consider this array of items:

items:[
 {
  _id: '111',
  quantity: 3
 },
 {
  _id: '222',
  quantity: 7
 }
]

I need to increment the value by 1 by looping using Array#map with CURLY BRACES following the arrow => (look at the code below), but this make the myNewItems null, and I guess this is because the variable item gets lost along the way and ends up with myNewItems to be null

This is how I have iterated in a redux reducer

return {
  ...state,
  myNewItems: items.map((item) => {
    var itemId = '111'

    item._id == itemId ?
      {
        ...item,
        quantity: item.quantity + 1
      } :
      item
  })
}

Now this makes myNewItems to be null instead of it having updated array of items like this below

items:[
 {
  _id: '111',
  quantity: 4 //has been incremented by 1
 },
 {
  _id: '222',
  quantity: 7
 }
]

How do I get through this?

Unmitigated · Accepted Answer · 2020-07-05 23:41:31Z

3

You are missing the return statement in your map callback.

items.map(
           (item) =>{
              var itemId = '111'
              return item._id == itemId?
              {...item, quantity: item.quantity + 1
              }:item
        })

answered Jul 5, 2020 at 23:41

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

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

Comments

Brandon Moody · Accepted Answer · 2020-07-05 23:44:00Z

-1

missing return in map higher order function try this

return item._id == itemId
    ?{...item, quantity: item.quantity + 1}
    :item

answered Jul 5, 2020 at 23:44

Brandon Moody

1

Collectives™ on Stack Overflow

Array.map returns null in a redux reducer using arrow functions

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related