Jak połączyć korzystanie z routera-routeraRouterHistory z prostym-reduktorem-reduktorem

Question

Próbuję użyć routera reagującego 2.0 z prostym routerem redux, ale nie mogę go uruchomić przy analizie zapytań. To jest to, co dostałem od docs:

const appHistory = useRouterHistory({ 
    parseQueryString: parse, 
    stringifyQueryString: stringify 
}) 

Jednak jeśli mijam historię do Redux-prosty-router jak to ...

syncReduxAndRouter(appHistory, store, (state) => state.router) 

... mam history.listen is not a function. Używanie browserHistory z routera reagującego wydaje się działać dobrze z prostym routerem redux. Dlaczego brakuje funkcji listen() w historii i jak można tego obejść?

Answer 1

docs reagują-Router zostały zaktualizowane od czasu, kiedy pisał tak:

import { useRouterHistory } from 'react-router' 
import createBrowserHistory from 'history/lib/createBrowserHistory' 

const createAppHistory = useRouterHistory(createBrowserHistory) 

const appHistory = createAppHistory({ 
    parseQueryString: parse, 
    stringifyQuery: stringify 
}) 

<Router history={appHistory}/>