reactjs - 如何将react-router useRouterHistory与redux-simple-router结合起来

Question

我正在尝试将react-router 2.0与redux-simple-router一起使用，但我无法让它与查询解析一起使用。这是我从文档中得到的:

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

但是，如果我像这样将历史记录传递给 redux-simple-router ...

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

...我得到history.listen不是一个函数。直接使用react-router中的browserHistory似乎与redux-simple-router一起工作得很好。为什么历史记录中缺少 Listen() 以及如何解决此问题？

Answer 1

自从我发布此内容以来，react-router 文档已更新:

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}/>