Redux中的bindActionCreators

作用:Redux中的 bindActionCreators,这样可以通过bindActionCreators创建的方法,直接调用dispatch(action);(隐式调用)

主要用处:bindActionCreators的唯一用处就是需要传递action creater到子组件,并且改子组件并没有接收到父组件上传递的store和dispatch。

bindActionCreators的参数

let newAction = bindActionCreators(oldActionCreator,dispatch)
  1. oldActionCreator表示创建action的集合
/action.js

function action1(){
  return {
   type:'type1'
  }
}
function action2(){
  return {
   type:'type2'
  }
}
import & as oldActionCreator from './action.js
let newAction = bindActionCreators(oldActionCreator,dispatch)

从上述的例子中我们可以看到oldActionCreator的形式为key:function的形式,其中function必须返回一个action(包含type标识的唯一对象)。

  1. dispatch
    这里的dispatch相当于store中的store.dispatch( ),用于将action传到store中。

最后结果

<child {...newAction} ></child>

我们将组合oldAction和dispatch的对象传递给子组件,调用newAction.action1相当于实现了dispatch出(action1),于是就实现了在没有store和dispatch组件中,如何调用dispatch(action);

后面发现这个接口并没有什么用,因为一般都会import react-redux…. 目前还未发现bindActionCreators的用处,估计唯一的用处就是在子组件未察觉redux的情况下,将dispatch传递给子组件。

Provider:本质上 Provider 就是给 connect 提供 store 用的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值