Javascript / 反應 —.map 無法正常工作

Question

參加反應課程，我們正在使用 setState 制作一個簡單的待辦事項列表。 我試圖在 onChange 事件上更改 boolean 的值。 我被卡住了。

我有一個對象數組，

數組定義：

toDoData = [
    {
        id: 1,
        task: "Do laundry",
        completed: false
    },
    {
        id: 2,
        task: "Write essay",
        completed: false
    },
    {
        id: 3,
        task: "Do Homework",
        completed: true
    }

]

為了簡單起見，我嘗試通過數組 map 並創建一個新數組，其完成的屬性與以前的屬性相反。

 let updatedTodos = this.state.todos.map(todo => {
        todo.completed = !todo.completed
        return todo
      })
 
 console.log(updatedTodos)

當我打印到控制台時，完成的值沒有改變。

Answer 1

嘗試：

let updatedTodos = this.state.todos.map(todo => ({ ...todo, completed: !todo.completed }));
console.log(updatedTodos);