使用react结合redux实现todolist的总结

2 阅读1分钟

1、大概样子

image.png

image.png

image.png

image.png

2、使用的技术点总结

2.1、redux

在redux中存放所需要的数据,redux里有三个东西要配置,store处于redux的核心位置,reducers实现对redux中数据的操作,actioncreator创建reducer需要的actions

2.2、react-redux

作为组件与redux连接的助手,包含两个东西,其一为UI组件,这是组件在html上渲染的组件,其二是容器组件,包含UI组件,作为与redux连接的组件,容器组件通过props与redux连接,再用props与UI组件连接,使用的方法为connect

2.3、PubSub

发布消息与订阅,这是实现组件间通信的工具,发送信息的通过publish方法来传入两个参数,第一个是消息的名称,第二个是消息的内容,接收消息的通过subscribe来接收信息,传入两个参数,第一个是消息的名称,第二个是回调函数,接收两个参数,第二个参数是消息的主体。

3、个人认为的问题点

3.1、要注意在actions和reducers以及在store中对于方法的名称,个人认为不要都定义为一个名称,不然容易弄混

3.2、要弄清楚react-redux中对于UI组件以及容器组件的定义,以及他们之间通过props传输的理解。

3.3、弄清jsx的语法,什么时候要加{}什么时候要加(),以及函数柯里化