javascript - 如何为 react-router-redux 触发 LOCATION_CHANGE 事件？

Question

根据 the documentation我应该能够通过调用 push('/with/the/path') 来触发 LOCATION_CHANGE 事件。来自文档的示例:

import { routerMiddleware, push } from 'react-router-redux'

// Apply the middleware to the store
const middleware = routerMiddleware(browserHistory)
const store = createStore(
  reducers,
  applyMiddleware(middleware)
)

// Dispatch from anywhere like normal.
store.dispatch(push('/foo'))

但是，这看起来像当我调用 push 时我得到了这个(看起来它没有做任何事情):

我错过了什么？

Answer 1

确保将您的历史记录与您的商店同步。以下是示例设置:

import { routerMiddleware, syncHistoryWithStore, push } from 'react-router-redux'

// Apply the middleware to the store
const router = routerMiddleware(browserHistory)
const store = createStore(
  reducers,
  applyMiddleware(router)
)
const history = syncHistoryWithStore(browserHistory, store)

// Dispatch from anywhere like normal.
store.dispatch(push('/foo'))

请注意关于 syncHistoryWithStore 在您创建商店之后的一点。

希望这对您有所帮助。