Question

我有一个带有“ /”渲染主页组件的简单反应路由器。我在呈现home组件的“ /”中。即使单击主页链接，即使它已经在“ /”中，如何刷新它？

在上下文中，以YouTube为例，如果我单击左上方的YouTube徽标，它将刷新页面。当前在我的react项目中，如果我在家时单击home链接，它什么也没做。

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/>} />

React Router-单击主页中的主页链接时，不会重新加载主页组件

1 个答案: