【问题标题】:React-Redux connectReact-Redux 连接
【发布时间】:2018-03-23 15:42:30
【问题描述】:

我有两个关于 react-redux 连接的疑问

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

  1. 如果我错了,请纠正我,<Provider store={store}> </Provider>
    在 mapStateToProps 中(connect() 中的第一个参数)
    mapStateToProps = (state) => ({....})

    state 这里和 store.getState(); ??
    请对此提供更多解释
  2. 请以初学者为例说明mapDispatchToProps的用法。

【问题讨论】:

  • redux docs 用一个易于理解的例子来解释这一点。
  • 是的,state 参数本质上是store.getState() 的结果。每次修改商店时都会调用您的函数。

标签: reactjs ecmascript-6 redux react-redux


【解决方案1】:

mapDispatchToProps 是一个以dispatch 函数作为参数的函数。您应该返回一个对象,您可以在其中 map 使用函数来调度操作。

示例时间:

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

连接的组件将接收到 prop sayHello,这是一个函数,this.props.sayHello() 将向 store 发送一个动作 ACTION_TYPE_HELLO

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-03-19
    • 2019-08-11
    • 2018-10-16
    • 2018-10-31
    • 2019-09-05
    • 2017-06-27
    • 2018-08-25
    相关资源
    最近更新 更多