为什么他们没有在Redux教程中直接在map()中更改属性？

这里是一个 redux noob。

在这部分的redux 教程中，特别是为什么他们没有做这样的事情

        case 'todos/todoToggled': {
            return {
                ...state,
                todos: state.todos.map(todo => {
                    if (todo.id === action.payload.todoId) {
                        todo.completed = !todo.completed
                    }
                    return todo
                }
                )
            }

据我所知map()，Mozilla 文档中没有引用任何副作用

map() 方法创建一个新数组，其中填充了对调用数组中的每个元素调用提供的函数的结果。

他们为什么要做这个额外的步骤？

          // We've found the todo that has to change. Return a copy:
          return {
            ...todo,
            // Flip the completed flag
            completed: !todo.completed
          }

会影响功能吗？或者他们只是想保持一致？

回答

const arr = [{x: 1}, {x: 2}, {x: 3}];
const newA = arr.map(obj => {
  obj.x += 1; // changes the objects in `arr`
  return obj;
});
console.log(newA); // new array (objects are still references to original ones)
console.log(arr); // Also changed!

todo.completed = !todo.completed

{
  ...todo,
  completed: !todo.completed
}