react中Redux的使用:使用Redux实现一个TodoList的功能

1   使用antd, antd是基于 Ant Design 设计体系的 React UI 组件库

2  npm i redux

 

1 先创建Store

2  创建reducer

3 在input的框里面的文字改变的时候  触发action

4 当reducer处理后 返回一个新的store的时候

则重新更改state 界面更新

至此,我们就实现了输入框输入后, 输入框中的文字不再是初始state的值, 而是改变state的值了 .下一步:点击按钮提交的时候,更改下面list的显示和实现点击条目删除list对应条目的功能,

则对应触发的action 和reducers中的处理为

 

抽取acitonCreator:

 

redux基础知识小结:

 

demo请移步github: https://github.com/2402zmybie/React_Redux_TodoList