我想通过react-router-dom调用redux动作

Question

根据路线更改，我正在寻找一种更好的方法来调用redux动作。 我可以调用redux操作槽渲染函数。 像下面这样

render(){
  const filterName = this.props.match.params.product
  this.props.actions.filterProduct(filterName)
}

但是我正在寻找适用于大型应用程序的最佳方法。 有什么方法可以根据路由路径绑定redux动作吗？

Answer 1

最好的方法是使用react-router-redux 。 您将分派一些动作，您可以在减速器中进行监听，例如，当路线改变时。

但是实际上我不确定您是否需要这种情况。 如果只想根据当前路线的过滤器显示产品，则可以在connect()方法中使用mapDispatchToProps来按需过滤产品。 mapDispatchToProps获取状态和组件的原始mapDispatchToProps 。 您可以从那里拿起过滤器，然后从商店中过滤产品。

另外，您不应该在每个渲染器上调度动作。