React-router -如何使用多个私有路由？

npm install react-router-dom

import { BrowserRouter } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      {/* 应用的其他组件 */}
    </BrowserRouter>
  );
}

import { Route } from 'react-router-dom';

function PrivateComponent() {
  return (
    <div>
      {/* 私有路由的内容 */}
    </div>
  );
}

function App() {
  return (
    <BrowserRouter>
      {/* 其他组件 */}
      <Route path="/private" component={PrivateComponent} />
    </BrowserRouter>
  );
}

function App() {
  return (
    <BrowserRouter>
      {/* 其他组件 */}
      <Route path="/private1" component={PrivateComponent1} />
      <Route path="/private2" component={PrivateComponent2} />
      {/* 其他私有路由 */}
    </BrowserRouter>
  );
}