react(redux)

Posted 2020-12-11 bysee1423

React  (redux)

 

redux

    公共状态管理

 

数据传递的流程

        1、当组件需要修改数据的时候必须创建一个action,然后通过store.dispacth将action传递给store,store接收到action后将action传递给reducer，reducer接收到action后将action.type的比较，然后进行数据的修改

(这里面要注意的是state只允许读不允许修改,深拷贝)

        数据修改完毕后返回一个新的state。最后通过store.subscribe通知所有组件数据更新

 

 

安装

cnpm install redux -S

 

创建一个操作指令文件，进行增删改查

 

 

创建store公共状态仓库，再引用reducer

new 一个store，导出store

 

 

在home页面引入store

打印store，会出现dispatch，getState，subscribe三个值

                    

 

当点击执行时store.dispatch来带入action

 

 

在reduser中进行接收action，判断action的类型，再进行解析

 

 

最后在通过store.subscrice进行 回调，执行回调里的函数，

 

 

combineReducers:

    作用：合并多个reducer

一个reducer就相当于一个小型的store