React系列: redux - bindActionCreators的使用方法

本文探讨了react-redux的connect方法中mapDispatchToProps的使用,尤其是如何通过bindActionCreators将action creator绑定到组件props上,以简化调用。两种方式——使用和不使用bindActionCreators——都进行了说明,虽然效果相同,但bindActionCreators提供了更简洁的调用方式。
摘要由CSDN通过智能技术生成

react-redux的connect方法

接受4个参数:

  1. mapStateToProps(state, [ownProps]) 接受完整的redux状态树作为参数,返回对象的所有key都会成为组件的props
  2. mapDispatchToProps(dispatch, [ownProps]) 接受redux的dispatch方法作为参数,返回当前组件相关部分的action creator并可以在这里将action creator与props绑定,减少冗余
  3. mergeProps(stateProps, dispatchProps, ownProps) 如果指定这个函数,你将分别获得 mapStateToProps、 mapDispatchToProps 返回值以及当前组件的props 作为参数,最终返回你期望的、完整的 props
  4. [options] : pure:true, 将为组件添加shouldComponentUpdate()声明周期函数;
    withRef:false, 若为true,为组件加一个ref值,后续可以使用 getWrappedInstance() 方法来获取该 ref
mapDispatchToProps可以是函数或者对象

可以把actioncreator绑定到props上,直接使用。绑定方法如下:

1.使用bindActionCreators

主要用于当想要把某些方法传递给子组件,并且不想传递dispatch等的时候用。


                
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值