React Router - домашний компонент не перезагружается при нажатии на домашнюю ссылку в доме

Question

У меня есть простой маршрутизатор реагирования с компонентом рендеринга "/". Я нахожусь в "/", который отображает домашний компонент. Как заставить его обновиться, когда я нажимаю домашнюю ссылку, даже если она уже в "/"?

В контексте, подумайте о YouTube, если я нажму на логотип YouTube в левом верхнем углу, он обновит страницу. В настоящее время в моем проекте реагирования, если я нажимаю на домашнюю ссылку дома, это ничего не делает.

const MainRoutes = () => (
  <Router>
    <div>
      <NavBar />
      <Route exact path="/" component={Home}/>
      <Route exact path="/login" component={Login}/>
      <Route exact path="/post" component={Post}/>
      <Route exact path="/about" component={AboutRoutes}/>
      <Route exact path="/listing/:handle" component={Listing}/>
      <Route exact path="/mylistings" component={MyListings}/>
    </div>
  </Router>
)

Answer 1

Вы можете использовать промежуточную функцию для достижения этой цели,

<Route path='/' component={()=><Home/>} />