reactjs - react-router 路由组件中作为回调的操作

Question

我想使用 redux 操作作为onChange对 react-router 路由中事件的回调。我也在使用 react-router-redux。

就像是

<Route path="profile/search" component={ProfileSearch} onChange={store.dispatch(fetchCompanies())} />

动作在哪里fetchCompanies。

更一般地说，我希望监听路由变化并最终与状态交互，这就是为什么使用动作对我来说似乎是最直接的选择。但是，我收到此错误：

Uncaught TypeError: hook.apply is not a function TransitionUtils.js?f913:22

还有另一种方法可以实现这一目标吗？尝试将动作作为回调传递给路由更改本身就很糟糕吗？如果没有，我怎样才能让它工作？

Answer 1

Calling store.dispatch throws the error, but wrapping the dispatched action in a function works.

const onChangeProfileSearch = () => store.dispatch(fetchCompanies());
<Route path="profile/search" component={ProfileSearch} onChange={onChangeProfileSearch} />

However, there may be a better approach to this.