Действия как обратные вызовы в компонентах маршрутов реактивного маршрутизатора

Question

Я хотел бы использовать действие reducex как обратный вызов события в маршруте реактивного маршрутизатора. Я также использую response-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

Вызов store.dispatch вызывает ошибку, но обертывание отправленного действия в функции работает.

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

Однако, возможно, лучший подход к этому.