Reactjs React路由器6.0在导航/链路中应用basename，切换路由后导航/链路消失

从React router v6.0 basename问题中获取basename解决方案

当Routes元素中的basename包裹nav元素时，nav元素将在单击nav链接后消失。我们需要一种方法，使导航接收到一个基本名称，并在改变路线后保持在页面上。在路由器5.0中，我们可以通过在BrowserRouter级别设置basename来实现这一点。在6.0中更改路线并在链接上应用basename后，是否有办法使导航条保持不变

// url where new router is created: https://my-site/who/users
const RootModule = () => {
  return (
    <main>
      <BrowserRouter>
        <Routes basename="who/users">
          <nav>
            <Link to="">Home</Link>
            <Link to="who/users/about">About</Link>
            <Link to="who/users/users">Users</Link>
          </nav>
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="who/users/about" element={<About />} />
            <Route path="who/users/users" element={<Users />} />
          </Routes>
        </Routes>
      </BrowserRouter>
    </main>
  );
};

//创建新路由器的url:https://my-site/who/users
常量RootModule=（）=>{
返回(
家
关于
使用者
);
};