React-Redux连接

时间:2017-10-11 20:38:27

标签: reactjs ecmascript-6 redux react-redux

我有两个关于react-redux connect

的问题

可以使用两个参数调用connect mapStateToProps, mapDispatchToProps

  1. 如果我错了,请纠正我,<Provider store={store}> </Provider>
    在mapStateToProps中(connect()中的第一个参数)
    mapStateToProps =( state )=&gt; ({....})
    这里的与store.getState()相同; ??
    请提供更多解释
  2. 请用初学者的例子解释mapDispatchToProps的用法。

1 个答案:

答案 0 :(得分:1)

mapDispatchToProps是一个将dispatch函数作为参数的函数。您需要返回一个对象,其中map键具有调度操作的函数。

示例时间:

connect(/* ...*/, function(dispatch) {
    return {
        sayHello: function() { dispatch("ACTION_TYPE_HELLO")}
    }
   }

已连接的组件将收到道具sayHello,这是一个功能,this.props.sayHello()将向商店发送操作ACTION_TYPE_HELLO