Javascript 如何在CRUD应用程序中编辑文本函数？示例笔记/待办事项应用程序？

我正在学习如何用钩子和上下文做出反应。通过制作一个简单的CRUD应用程序进行学习。我有一些函数，允许我添加注释、删除注释、过滤（如果重要）以及在某些上下文中切换重要性。到现在为止，一直都还不错。 然而，我被困在如何编辑我的笔记上。我在网上搜索过，每个CRUD教程似乎都只是添加和删除

下面是我的CRUD笔记应用程序功能

import React，{createContext，useState，useffect}来自'React'；
从“uuid/v1”导入uuid；
export const NotesContext=createContext（）；
const NotesContextProvider=（道具）=>{
const[notes，setNotes]=useState（[]）；
const[showAll，setShowAll]=useState（true）；
const notesToShow=showAll？notes:notes.filter（（note）=>note.important）；
//积垢作业
//创造
const addNote=（内容）=>{
布景([
……注意到，
{
内容,，
id:uuid（），
重要提示：错误
}
]);
};
//更新
常量切换重要性=（noteId）=>{
const updatedNotes=notes.map（（note）=>
note.id===noteId？{…note，important:！note.important}：note
);
setNotes（更新的Notes）；
};
//删除
const removeNote=（id）=>{
setNotes（notes.filter（（note）=>note.id！==id））；
};
//获取存储在本地存储器中的任何笔记
useffect（（）=>{
const data=localStorage.getItem（'notes'）；
如果（数据）{
setNotes（JSON.parse（data））；
}
}, []);
//将笔记保存到本地存储
useffect（（）=>{
setItem（'notes'，JSON.stringify（notes））；
}，[注]；
返回(
{props.children}
);
};
导出默认NotesContextProvider；

我希望在我的便笺/待办事项上点击一次编辑按钮，它将允许我更新便笺/待办事项

---

谢谢您的指导。

您说得对。使用uuid查找您的注释您是对的。使用uuid查找您的便笺