react与redux之间的关系

react与redux

react是一个视图层的框架,多个组件之间的传参十分麻烦,数据无法共享。大型项目中react常与大型的数据层框架相配合使用——redux。
readux:将所有的数据放于公共的存储器——store,所有的数据由数据存储器收发。
readux = reducer + flux.

redux的工作流程

redux安装: yarn add redux
1.store的创建
从redux中引入 createStore方法,调用方法并创建store
react与redux之间的关系
2.reducer的创建
返回一个方法,该方法接收state和action
react与redux之间的关系
3.将reducer传递给store,两者进行关联
react与redux之间的关系
4.在组件中使用数据
页面中引入store,并调用store提供的getState()方法
react与redux之间的关系
react与redux之间的关系