reactjs - 如何获取对react/redux中存储的引用？

Question

在我的reactjs-universal组件中我写了这个:

const mapStateToProps = (store) => {
  return {
    cars: store
  }
}

export default connect(mapStateToProps)(SearchForm)

在同一个组件中，我想分派(dispatch)如下操作:

 store.dispatch({type: 'SHOWDETAIL', data: 'hi'});

运行时我得到:

Uncaught TypeError: _create2.default.dispatch is not a function

是否可以在我的组件中以某种方式获取对商店的引用，以便我可以分派(dispatch)操作？

Answer 1

connect 将调用 mapStateToProps，并将状态作为参数而不是存储。

在您的情况下，您似乎不需要引用商店，并且使用 connect 将调度映射到 Prop 就足够了。

const mapStateToProps = (store) => {
  return {
    cars: store
  }
}

const mapDispatchToProps = dispatch => {
  return {
    action : () => dispatch({
      type : 'ACTION_NAME'
    })
  }
}
export default connect(mapStateToProps, mapDispatchToProps)(SearchForm)

如果您确实想要该商店，则只需从创建它的位置导出它并在需要的地方导入它，connect 的目的不是传递商店。