я не могу переключаться между страницами с реактивным маршрутизатором

Question

Сегодня я пишу свой последний проект. но у меня проблема с реактивным маршрутизатором. когда я хочу переключить страницу с навигационной панели, это невозможно. вот демонстрация >> https://zedjf.csb.app/, если вы можете помочь мне решить эту проблему, любые предложения будут очень полезны для улучшения моего проекта. thnx.

код github: https://github.com/ennouri0maak/forslack

Answer 1

Добавьте отдельный компонент для домашней страницы вместо замены маршрутизатора.

<Router>
  <div className="App">
    <Navbar />
      <div>
       <Switch>
         <Route path="/about" component={About} />
         <Route path="/contact" component={Contact} />
         <Route path="/" component={Home}/>
       </Switch>
    </div>
  </div>
</Router>

Это может решить вашу проблему.

Ссылка: Образец Codebox