javascript - 仅在主页顶部显示折扣横幅

Question

我正在使用 ReactJs 创建网站的前端，我只想在主页顶部显示折扣横幅，而不是在路由的任何其他页面上显示。我该怎么办？

function App() {
  return (
    <Router>
    <div className="App ">
     <Title />
      <Navigation />
         <Switch>
            <Route exact path="/" component={Home} />
            <Route exact path="/t-shirt" component={ViewTshirt} />
            <Route exact path="/new-products" component={ViewAllProduct} />
            <Route exact path="/product-detail" component={DetailPage} />
            <Route component={notfound} />
         </Switch>
      </div>
      <Footer />
     </Router>
  );
}

export default App;

标签： javascriptreactjsreact-router