如何停止变异 state？

Question

This is the first time I've encountered mutability. I have state items - an object with keys that go as id, through allIds I find all id items that need to change the date, but they change all items at once, apparently this is due to mutability and I don't know how to fix it... I will really appreciate the help!

const allIds = getSubTasksId(Object.values(state.items), payload.id);
allIds.forEach((id) => (state.items[id].date.current = payload.date));
return {
  ...state,
  items: { ...state.items },
};

Answer 1

Your state.items[id].date.current = payload.date statement is responsible for mutation. One of the possible solution.

const updatedItems = {};
allIds.forEach((id)=> updatedItems[id] = payload.date);
return {
    ...state,
    items: updatedItems
  }