如何在React Hooks CRUD应用程序中编辑文本功能？示例笔记/待办事项应用程序？

Question

我正在学习带有Hooks和上下文的React。通过制作一个简单的CRUD应用程序进行学习。我具有允许我添加注释，删除注释，过滤（如果重要），在某些上下文中切换重要性的功能。到目前为止，一切都很好。 但是，我对如何编辑我的便笺感到困惑。我已经在网上搜索过，每个react hooks CRUD教程似乎都只是添加和删除。

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

     $.ajax({
        url:'/get_news_and_event_data/{content_id}',
        type:'get',
        data:{content_id: id},
        dataType:'JSON',
        success:function(res) {
            $('#update_news_and_events_title').val(res[0].content_title);
             update_appEditor_news_and_event.data.set(res[0].content_desc);

        },
        error:function(err) {
            console.log(err);

        }
    });

我希望对笔记/待办事项上的编辑按钮进行onClick操作，这样我就可以更新笔记/待办事项。

谢谢您的指导。