反应严格模式不更新模型

Question

我有一个应用程序在这里渲染在严格模式和非严格模式。在非严格模式下，它工作得很好，模型在onChange中正在更新，但是在严格模式下，这是行不通的。有什么想法，为什么，怎么解决这个问题？

https://stackblitz.com/edit/react-qvubmx

谢谢。

Answer 1

好吧，算出来。

this.setState(prevState => {
     const updatedTodos = prevState.todos.map((todo) => {
     if (todo.id === t.id) {
       todo.completed = !todo.completed;
     }
     return todo;
});

todo.completed = !todo.completed实际上是在直接更新prevState，而严格模式并不是这样。

这是正确的方法。

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

https://stackblitz.com/edit/react-3xywfc