码迷,mamicode.com
首页 > 其他好文 > 详细

react(redux)

时间:2020-06-17 10:49:09      阅读:50      评论:0      收藏:0      [点我收藏+]

标签:strong   bee   tps   小型   class   cnpm   多个   操作   inxi   

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
 

react(redux)

标签:strong   bee   tps   小型   class   cnpm   多个   操作   inxi   

原文地址:https://www.cnblogs.com/BySee1423/p/13150668.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!