Update objects in an array inside map Function React or React-Hooks or React-Native

Question

it is deleting all objects except last one from the array instead of updating a property of all objects, want to update 'ItemDeliveryStatus' of all objects inside map function

const [arrayList, setArrayList] = useState([
        { Id: 1, Name:'A', ItemDeliveryStatus:1 },
        { Id: 2, Name:'B', ItemDeliveryStatus:1 },
        { Id: 3, Name:'C', ItemDeliveryStatus:1 },
        { Id: 4, Name:'D', ItemDeliveryStatus:1 },
      ])

const [returnCount, setReturnCount ]=useState(0)

const updateAllObjects=()=>
{
  arrayList.map(items=>
        {

            if(items.ItemDeliveryStatus==1)
            {
                setArrayList([{ ...items, ItemDeliveryStatus:4}])
            }

            if (items.ItemDeliveryStatus==4)
            {
               setReturnCount(prev=>prev+1)                        
            }
        })
}

final Result Should be like this 
([
        { Id: 1, Name:'A', ItemDeliveryStatus:4 },
        { Id: 2, Name:'B', ItemDeliveryStatus:4 },
        { Id: 3, Name:'C', ItemDeliveryStatus:4 },
        { Id: 4, Name:'D', ItemDeliveryStatus:4 },
  ])

Viet · Accepted Answer · 2021-07-15 10:38:00Z

2

You can update like this for all object:

const updateAllObjects = (value) => {
  setArrayList(
    arrayList.map((item) => {
      if (item.ItemDeliveryStatus == 1) {
        return { ...item, ItemDeliveryStatus: value };
      };
      return item;
    })
  );
};

answered Jul 15, 2021 at 10:38

Viet

12.9k2 gold badges18 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Update objects in an array inside map Function React or React-Hooks or React-Native

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