redux学习笔记3:react-redux

本文详细介绍了如何将React与Redux进行整合,包括状态管理的基本原理、reducer的设计及使用、createStore与combineReducers的作用,以及如何利用react-redux提供的Provider组件和connect方法实现组件与状态树的连接。

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

我们利用react可以创建我们的状态树,这个树理解为一个对象,下面可以存放状态,这些状态是使用reducer生成的,一个reducer就是一个方法,默认的返回值就是我们这个树对应设置状态的默认值,reducer里面可以写逻辑,用来处理action的响应,这个reducer方法第一个参数就是树使用这个reducer设置的状态的对应值,然后根据action的type不用修改处理返回即可!

 

然后利用react提供的createStore方法执行这个reducer即可,为了逻辑清晰可以把reducer通过combineReducers方法合并。

 

我们的组件使用状态树的某个状态就利用获取方法即可,修改状态使用dispatch即可!

 

react-redux 是一个更好的链接react和redux的工具,我们生成状态树以后,利用react-redux提供的Provider组件包裹我们组件即可,这样可以把整个状态树应用到所有组件中。

 

react-redux还提供了connect方法,用来封装我们的组件,参数是定义的方法,第一个方法可以自动获取状态的,第二个可以获取自动dispatch,调用之后我们把组建做参数传递即可,组件的this.props.xx就会拿到第一个方法和第二个方法中return的状态和dispatch处理!

 

转载于:https://my.oschina.net/tbd/blog/1550016

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值