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

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)

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