javascript - connect 和 withRouter 问题

Question

我正在为我的项目使用 Redux 和 React。我在 App.js 中有一些路由。我也在我的项目中使用react-redux中的connect函数。为了防止更新阻塞问题，我通常以这种方式包装我的组件

withRouter(connect(mapStateToProps, mapDispatchToProps)(App)),

但是，如果我更改了 withRouter 的顺序并连接它就不起作用了:

connect(mapStateToProps, mapDispatchToProps)(withRouter(App))

我在 App.js 中有 console.log 属性。它已经收到位置和历史 Prop 。我正在弄清楚为什么顺序很重要背后的理论？

Answer 1

您可以将它与 redux 库中的方法 compose 一起使用。

export default compose(
  withRouter,
  connect(mapStateToProps, mapDispatchToProps)
)(App);