＆emsp;＆emsp;最后一章我们创建了一个招待员，数据被写成死亡。在本章中，我们将向Todolist添加相应的功能操作。我建议您下载代码与文章合作以共同学习。该方法解释了结构。以下是本章的代码标签。
＆emsp;＆emsp;在本节练习之前，我现在在此处显示系统的代码结构示意图，以便每个人都可以快速开始使用该代码。让我在此处显示Todolist的组件结构。
＆emsp;＆emsp;接下来，我们将AppStateContext将其拉到单独的文件目录中，我们都将其放在SRC/State目录中。有关详细信息，请参考Gitee上方标签下的代码。
接下来，为了促进我们对这些操作的理解，我们将解释todostatecontext模块的绘制：
＆emsp;＆emsp;可能是这个组成。在上一个讲座中，我们使用useAppstate来获取一些数据和方法在Todostatecontext中写下的数据和方法，但是作为Todolist，我们不仅考虑显示显示，而且还考虑如何添加，因为我们考虑在使用UserEducer中管理数据。通过上一个讲座，我们了解了用户介绍器的基本用法。
在下面，我们调整还原方法。在这里，每个人都在这里参考我的写作
＆emsp;＆emsp;在上面，我们完成了动作和还原器的定义，然后我们需要考虑如何将这些数据传递给所有组件以使用它。将这些数据和方法用于AppStateProvider
const今天：react.fc =（）=> {{{
const {lists，dispatch} = useappstate（）
返回（返回（
<> ? ? ? {lists.map（（i：list）=>（（
）} dispatch（addList（text））} >> ? ）;}导出默认todo
}来自“/state/todostate/type” import addNewItem，来自“ https://www.shouxicto.com/article/article/addnewitem” import {addtask}从“/state/state/todostate/appction”
类型columnprops = {text：字符串ID：字符串}
const colorn：react.fc =（{text，id}）=> {{{
const {getTasksbyListID，dispatch} = useappstate（）const tasts = getTaskSbyListID（id）
返回（返回（
{text} {tasks.map（（i：task）=>（））} dispatch（addtask（text，id））}>）}}导出默认列
原始：https：//juejin.cn/post/7098368072733425677