小编Lor*_*ito的帖子

我实际上对 React 有点陌生，而且还在学习中，所以我无法弄清楚如何根据我当前在应用程序上的页面来显示我的按钮。我正在使用路由器 v6。这是我的路由器，里面有我的组件：

     <Router>
        <Navbar />
        <Routes>
          <Route
            path="/"
            element={<HomePage />} />
          <Route
            path="/CountryPage"
            element={<CountryPage />} />
        </Routes>
      </Router>

这是我的导航栏：

const Navbar = () => {
  return (
    <nav className="navbar-container">
      <div>
        <div>
          <ul className="navbar">
            <li>
              <Link to="/" className="home"> <AiOutlineLeft /> </Link>
            </li>
            <li data-testid="tab-name">
              Current Tab
            </li>
            <li>
              <BsFillGearFill className="settings" />
            </li>
          </ul>
        </div>
      </div>
    </nav>
  );
};

<li> <Link to="/" className="home"> <AiOutlineLeft /> </Link> </li>所以我想要的只是显示仅当我不在主页中时才显示的按钮，HomePage所以如果我在主页中我不想显示任何内容。

任何想法？