如何在反应原生的待办事项应用程序中添加编辑按钮

Question

我这周刚开始学习 React Native，在观看了一些长长的 youtube 教程之后，我决定创建一个待办事项列表应用程序，人们可以在其中添加、删除和编辑生成的待办事项列表。目前我的代码只能添加和删除，但我想知道如何将编辑功能添加到我的项目中，我不知道如何使它工作，所以如果有人能帮助我解决这个问题，那将是很棒的。我的想象是当用户单击编辑按钮时，它应该返回输入并更新它。

这是我的项目https://snack.expo.dev/3KJRAXHAn的代码

请帮帮我

Answer 1

1. 将 todos 数组存储在新变量中（例如，const todosToEdit = todos）

2. 遍历存储在状态中的待办事项（类似于您在 markTodosComplete() 中使用 map 函数执行的操作）以找到您要更改的待办事项的索引

3. 将索引处的值替换为所需的值（例如，todosToEdit[idx] = newValue）

4. 将 todosToEdit 存储在状态中（例如，setTodos(todosToEdit)）