如何更新react.js中的狀態？

Question

我想問是否有更好的方法來更新react.js中的狀態。

我在下面寫了這段代碼，但只是更新狀態需要很多步驟，我不知道我是否以正確的方式做。

有什麼建議嗎？

immutable.js怎麼樣？我知道它的名字，但我從來沒有使用它，並且不太瞭解它。

代碼

toggleTodoStatus(todoId) { 

    const todosListForUpdate = [...this.state.todos]; 
    const indexForUpdate = this.state.todos.findIndex((todo) => { 
     return todo.id === todoId; 
    }); 

    const todoForUpdate = todosListForUpdate[indexForUpdate]; 
    todoForUpdate.isDone = !todoForUpdate.isDone; 

    this.setState({ 
     todos: [...todosListForUpdate.slice(0, indexForUpdate), todoForUpdate, ...todosListForUpdate.slice(indexForUpdate + 1)] 
    }) 

} 

Answer 1

您正在使用一個額外的步驟，你不需要。直接設置值到克隆的對象和restting回狀態將工作

toggleTodoStatus(todoId) { 

    const todosListForUpdate = [...this.state.todos]; 
    const indexForUpdate = this.state.todos.findIndex((todo) => { 
     return todo.id === todoId; 
    }); 

    todosListForUpdate[indexForUpdate].isDone = !todosListForUpdate[indexForUpdate].isDone; 

    this.setState({ 
     todos: todosListForUpdate 
    }) 

}