redux与react-redux的区别:

本文详细比较了Redux和React-Redux在React应用中的角色。Redux作为状态管理库,直接在组件中创建store;而React-Redux通过Provider组件连接store,使所有子组件能共享数据。文章还探讨了两者在获取state和触发action上的不同方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

redux简介:

redux是react中进行state状态管理的JS库(并不是react插件),一般是管理多个组件中共享数据状态。这个是和Vuex是一样的。

react-redux简介:

React-ReduxRedux的官方React绑定库。它能够使你的React组件从Redux store中读取数据,并且向store分发actions以更新数据。


①:redux和组件进行对接的时候是直接在组件中进行创建。react-redux是运用Provider将组件和store对接,使在Provider里的所有组件都能共享store里的数据,还要使用connect将组件和react连接。

图解:

在组件中使用redux创建store和使用:

使用react-redux

②:获取state的方式不一样

redux获取state是直接通过store.getState()。

react-redux获取state是通过mapStateToProps函数,只要state数据变化就能获取最新数据

③触发action的方式不一样。

redux是使用dispatch直接触发,来操作store的数据。

react-redux是使用mapDispathToProps函数然后在调用dispatch进行触发

如图:

react触发action

react-redux触发action(下面的dispatch方法只不过是将action的type拆分了)

action组件中定义的类型

在组件中导入action类型

组件调用方式触发action

结尾:

      分享:骚年啊,还得奋斗啊!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值