无法编辑待办事项列表中的待办事项

Question

我想编辑我的待办事项，但是当我点击编辑按钮时，什么也没有发生。我的功能在某处有问题吗？请帮我修复它！顺便说一句，这个功能对我来说似乎有点长而且难以理解。各位大侠有没有更简洁的代码可以推荐给我？非常感谢！

沙盒链接：https://codesandbox.io/s/funny-wind-s30er?file=/src/components/Todo.js

Answer 1

这里的 React 状态不会更新，因为它比较的是 todos 状态而不是它的值。

 const newTodos =  todos.map((item) => (item.id === todoId ? newValue : item))
setTodos(newTodos)

它可能会解决问题，因为我们创建了它的新副本。所以状态一定会在这里更新。