Update a value in the object in an Array in react in Redux

Question

I am dispatching an action that will update the values in the redux state and I am passing an array. But before that, I want to update the array by changing the object values but I keep getting an error - Cannot assign to read only property 'position' of object

I am not sure why I am getting this error because I am creating a new Array and updating the values in that.

Code

export const GetCustomers= (customers) => (dispatch, getState) => {
  let activeCustomers = Array.from(customers);
  for (let i = 0; i < activeCustomers.length; i += 1) {
     activeCustomers[i].position = i;
  }

  dispatch(actions.updateActiveCustomers(activeCustomers));
  );
};

Getting an error - Cannot assign to read only property 'position' of object

I am not sure why I am getting this error because I am creating a new Array and updating the values in that.

Array.from only makes a shallow copy, so activeCustomers[i] is the same as customers[i] — Robin Zigmond
– Robin Zigmond, Commented Aug 18, 2020 at 16:45
What happens when you log activeCustomers after Array.from .. ? — sshmaxime
– sshmaxime, Commented Aug 18, 2020 at 16:47

Nirjhar Vermani · Accepted Answer · 2020-08-18 17:03:37Z

1

To deep copy use:

  let activeCustomers = JSON.parse(JSON.stringify(customers));

answered Aug 18, 2020 at 17:03

Nirjhar Vermani

1,2658 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Update a value in the object in an Array in react in Redux

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