React路由器：如何以編程方式導航到組件之外？

Question

我希望導航路徑/hello和嘗試以下操作：

import { browserHistory } from 'react-router' 
browserHistory.push('/hello') 

但它只是改變了瀏覽器的URL來/hello沒有實際瀏覽該頁面。裏面的成分，這種方法的工作原理：

this.props.history.push('/hello') 

這是我如何設置我的路由器：

​​

參考文獻：

1. https://github.com/reactjs/react-router/blob/master/upgrade-guides/v2.0.0.md#programmatic-navigation
2. https://github.com/reactjs/react-router/issues/1081

Answer 1

當我安裝了browserHistory，我將其存儲在全局命名空間內：

const history = syncHistoryWithStore(browserHistory, store, { 
    selectLocationState: (state) => state.router 
}) 
window.routerHistory = history 

然後我可以導航組件的外象下面這樣：

window.routerHistory.push('/')