React-redux 简单实现

最新推荐文章于 2022-06-20 11:18:17 发布

刘栀子

最新推荐文章于 2022-06-20 11:18:17 发布

阅读量186

点赞数

分类专栏： React-redux 文章标签： reactjs

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/lzhizi/article/details/106195237

版权

React-redux 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

React-redux重要组成部分

Provider

可以让整个app都能获取到store中的数据

connect

使组件跟store来进行关联

Provider

Provider组件实现
1.导入Provider组件,在react-redux中进行导入
2.需要利用Provider组件对整个结构进行包裹 /
3.给Provider组件设置 store属性这个值就是我们同各国creacteStore构建出来的store 实例对象

Provider包裹在根组件的最外层，使所有的子组件都可以拿到State
Provider接收store作为props ，然后通过context往下传递，这样react中任何组件都可以context获取store。

connect

Provider内部组件如果想要使用到state中的数据，就必须要connect进行一层包裹封装，换句话说就是必须要被connect进行加强。
connect 就是方便我们组件能够获取到store中的state

react-redux例子

https://gitee.com/zhizi99/React-redux-demo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
React-redux 简单实现

文章目录React-redux重要组成部分ProviderconnectReact-redux重要组成部分Provider可以让整个app都能获取到store中的数据connect使组件跟store来进行关联ProviderProvider包裹在根组件的最外层，使所有的子组件都可以拿到StateProvider接收store作为props ，然后通过context往下传递，这样react中任何组件都可以context获取store。connectProvider内
复制链接

扫一扫

专栏目录

刘栀子 CSDN认证博客专家 CSDN认证企业博客

码龄5年

51: 原创

9万+: 周排名

181万+: 总排名

5万+: 访问

: 等级

854: 积分

8: 粉丝

20: 获赞

11: 评论

94: 收藏

私信

关注

热门文章

分类专栏

记录 6篇
小程序 8篇
TypeScript 1篇
React-redux 1篇
redux 1篇
js 21篇
PHP 2篇
git 1篇
Vue 5篇
CSS 2篇

最新评论

vue3安装 sass 和less
不吃西红柿丶: 写的不错，学习了，学习的道路上一起进步，也期待你的关注与支持！
Vue实现筛选分类
刘栀子回复 weixin_45217627: 你看你存储到arr里面的数据格式是什么样子的或者加qq804665121
Vue实现筛选分类
weixin_45217627 回复刘栀子: [code=javascript] del(index) { this.$delete(this.arr,index,index); this.selectList[index].index=-1; }, chooses(select_id, select_name, index2, index1) { this.$set(this.arr,index1,select_name); this.selectList[index1].index1=index2 }, [/code]
Vue实现筛选分类
weixin_45217627 回复刘栀子: [code=html] <div class="menu-citys" v-for="(item1,index1) in selectList" :key="index1"> <div class="menu-city"> <div>{{item1.template_name}}</div> <ul> <li :class="{acc:item1.index1===index2}" v-for="(item2,index2) in item1.select" :key="index2" @click="chooses(item2.select_id,item2.select_name,index2,index1)" >{{item2.select_name}}</li> </ul> </div> </div> <hr /> <div class="menuNum"> <ul> <li v-for="(item,index) in arr" :key="index" @click="del(index)"> <div> <span>{{item}}</span>x </div> <div></div> </li> </ul> </div> [/code]
Vue实现筛选分类
刘栀子回复 weixin_45217627: 看看你代码怎么写的

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。