在React路由中访问Router.history属性

Question

我的路线定义如下：

<Router history={hashHistory}>
    <Route path="/" component={MainView}>
        <IndexRoute component={SearchBarMainView} />
        <Route path="search/:keyword" component={SearchResultsMainView}/>
        <Route path="*" component={NotFound} />
    </Route>
</Router>

如何从组件访问路由器的历史属性？我需要使用history.push(url) - 无论我使用hashHistory还是browserHistory - 换句话说，我希望我的应用程序与历史记录类型无关，并使用提供给路由器的历史记录对象

Answer 1

将组件包装在withRouter高阶组件中。这将为您的组件注入router道具，您可以使用它来导航。