Reactjs 我对react有问题，我想在应用程序中使用2种导航栏样式

这是我的应用程序代码

<BrowserRouter>
  <div className="main-page">
    <Navbar />
    <Cursor />
    <Switch>
      <Route
        path="/"
        exact
        render={() => (
          <Home
            infos={infos}
            info={info}
            nextProperty={nextProperty}
            prevPropery={prevPropery}
          />
        )}
      />
      <Route path="/art" component={Art} />
      <Route component={Error} />
    </Switch>
  </div>
</BrowserRouter>

(
)}
/>

我需要像这样在家里显示导航栏，但当我用react router打开一个新页面时，我希望它没有高度和颜色

试试这个

<BrowserRouter>
  <div className="main-page">
    <Navbar />
    <Cursor />
    <Switch>
      <Route
        path="/"
        exact
        render={() => (
          <Home
            infos={infos}
            info={info}
            nextProperty={nextProperty}
            prevPropery={prevPropery}
          />
        )}
      />
      <Route path="/art" component={Art} />
      <Route component={Error} />
    </Switch>
    <Navbar />
  </div>
</BrowserRouter>

(
)}
/>

我希望导航栏像第二个img底部而不是顶部一样。你能在沙箱中共享你的代码吗？它是非常大的文件。。。但你们明白我的意思吗？你们想要底部的标题链接也是对的？。。。并分享你的导航栏组件，我又添加了一张图片来描述。。。我只想在底部有一个新的导航条，我不想要顶部的