[JavaScript知识库]React + TS 完成 TodoList

本文属于代码分析，而非从0到1的代码书写。

本文会将每一段重要代码的含义都分析清除，然后在代码后面通过设定一些小问题，考验一下大家是否对 “各种语句” 以及 “不同场景所需逻辑” 的使用已经掌握牢固。

   Redux

借助TS的Hooks操作数据，可以说是非常的简便了，但是如果想要灵活地使用Hooks，了解React的Redux依旧是重中之

• 组件有各种行为，例如：增、删、改、查。
• 组件不允许直接修改state，只能先创建出对应的action，里面记录着行为的名称和变化的数据，然后借助dispatch交给store。
• store将改变前的state和action交给reducer，reducer去操作具体的状态，然后将新的state再存储到store中，store将操作完的state再交给组件。

这就是redux的工作流程，或者是工作机制。

<

开通VIP 解锁文章