您将如何使用react-router来促进大量的子路由？

npm install react-router-dom

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

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/products" component={Products} />
        <Route path="/about" component={About} />
        {/* 其他子路由 */}
      </Switch>
    </Router>
  );
}

function Products() {
  return (
    <div>
      <h2>Products</h2>
      <Switch>
        <Route exact path="/products" component={ProductList} />
        <Route path="/products/:id" component={ProductDetail} />
      </Switch>
    </div>
  );
}

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

function Navbar() {
  return (
    <nav>
      <ul>
        <li><Link to="/">Home</Link></li>
        <li><Link to="/products">Products</Link></li>
        <li><Link to="/about">About</Link></li>
        {/* 其他导航项 */}
      </ul>
    </nav>
  );
}