我正在尝试使用React-Router V4为我的应用程序添加路由,但它根本不起作用。基本上,我正试图使用history.push
编程方式更改路由,这会更新浏览器URL,但不会在实际应用程序内更改任何内容。
注意:我正在使用redux。
这个问题上唯一有答案的问题是:
React history.push() is updating url but not navigating to it in browser
然而,我已经尝试了上述问题的答案,但对我没有用。
以下是重要的代码段:
顶层文件(index.js)
...
ReactDOM.render(
<BrowserRouter>
<Provider store={store}>
<App/>
</Provider>
</BrowserRouter>
, document.getElementById('root'));
...
包含路由的组件
...
export default function ContentRouter() {
return <div className="content">
<Route exact path="/dashboard" component={TmpDashboard}/>
<Route exact path="/" component={() => {
return <h1>Home</h1>
}}/>
</div>
}
组件推送路由
...
this.handleGroupClick = (group) => {
this.props.history.push(`/groups/${group}`);
this.props.onOpenChange(false);
};
...
export default withRouter(connect(mapStateToProps, mapDispatchToProps(DrawerConnector))
this.props.history.push
https://dev59.com/PF0Z5IYBdhLWcg3wxCuQ - admcfajn