首页 > 其他 > 详细

react redux 引入方法

时间:2021-08-11 09:18:08      阅读:31      评论:0      收藏:0      [点我收藏+]

1.添加依赖

技术分享图片

 2.在src文件夹下新建一个store文件夹

3.在store文件夹下添加两个js文件,分别为index.js和reducer.js

在这里为什么要创建两个js文件呢?

这就要看一下我们的的redux flow了

技术分享图片

 

在图片中我们看见了redux的工作流程

React Components就是react组件,state就是组件的状态

Action Creaters,在改变组件的状态是,就会触发这个去查找,

store就是rudex的目录,其实是没有装东西的

reducers就相当于我们的仓库管理员,查看要找寻的东西的状态(是否可以查看使用),如果可以给返回,

回到上面,

这个index.js就相当于store,reducer.js就相当于reducers

在index.js中添加

技术分享图片

 

 在reducer.js中添加

技术分享图片

 

 最后在要用的组件中导入

技术分享图片

 

 通过store中的getState()方法获取store中的东西

技术分享图片

 

react redux 引入方法

原文:https://www.cnblogs.com/ddPeanut/p/15126288.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!