如何使用react-router-dom有条件地渲染路由？

npm install react-router-dom

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() {
  return (
    <Router>
      {/* 路由配置 */}
    </Router>
  );
}

function App() {
  return (
    <Router>
      <Switch>
        <Route path="/home" component={Home} />
        <Route path="/about" component={About} />
        {/* 其他路由配置 */}
      </Switch>
    </Router>
  );
}

function App() {
  const isLoggedIn = true; // 根据实际情况设置条件

  return (
    <Router>
      <Switch>
        {isLoggedIn && <Route path="/dashboard" component={Dashboard} />}
        <Route path="/home" component={Home} />
        <Route path="/about" component={About} />
        {/* 其他路由配置 */}
      </Switch>
    </Router>
  );
}