React hashRouter не отображает правильный компонент при обновлении

Question

Я пытаюсь реализовать React HashRouter из response-router-v4 ... Он отлично работает, когда я перемещаюсь по странице при использовании всех кнопок ...

Но на обновлении страницы яполучить странное поведение.Пусть кто-нибудь из вас сможет мне помочь.Вот мой код:

 <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 Я ожидаюДемо-компонент будет отображаться, но я получаю компонент статистики.Может кто-нибудь объяснить мне это поведение?

Спасибо

Answer 1

Используйте это <Route path='/' exact component={Statistics}/>