刷新时,React hashRouter无法呈现正确的组件

时间:2018-12-13 10:11:13

标签: javascript reactjs routing react-router-v4

我正在尝试从react-router-v4实现React HashRouter ...当我使用所有按钮浏览页面时,它可以完美工作...

但是在刷新页面时,我得到了奇怪的行为。愿你们中的某人能帮助我。这是我的代码:

 <HashRouter basename='/app'>
     <Route component={App} />
 </HashRouter>

然后是我的路由器:

<Switch>
    <Route path='/statistics' component={Statistics}/>
    <Route path='/search' component={Search}/>
    <Route path='/settings' component={User}/>
    <Route path='/demo' component={Demo}/>
    <Route path='/' component={Statistics}/>
    <Route render={() => <SiteNotFound />} />
</Switch>

每当我重新加载页面时,都会渲染“统计信息”组件,因为http:// localhost:8080 /#/ app / demo我希望演示组件能够渲染,但是我会得到统计信息组件。 有人可以向我解释这种行为吗?

谢谢

1 个答案:

答案 0 :(得分:0)

使用此<Route path='/' exact component={Statistics}/>