react-redux原理、工作流程及其使用

react-redux原理、工作流程及其使用

react-redux：一个react插件库，将所有的组件分成了两类，分为UI组件和容器组件
（而按照router分可以分为一般组件和路由组件）

1、UI组件
1）只负责UI界面的呈现，不带有任何业务逻辑
2）通过props接收数据（一般数据和函数）
3）不能使用任何redux的API
4）一般保存在components文件夹下

2、容器组件
1）负责管理数据和业务逻辑，不负责UI的呈现
2）使用redux的API
3）一般保存在contains文件夹下
4）容器组件会传给UI组件：redux中所保存的状态、用于操作状态的方法（均通过props进行传递）

容器组件是UI组件的父组件，UI组件不负责和redux进行交互，是容器组件和redux进行交互
但是在公司中一般把容器组件和UI组件放在一起（因为当我们组件很多的时候就防止麻烦，比如我们有一百个UI组件就会对应一百个容器组件写起来量很大）

容器组件和UI组件的对应图：

3、connect函数

连接UI和redux通过使用connect函数