如何从react-router中的嵌套路由路由到另一个父路由

// 导入所需的依赖
import React from 'react';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';

// 定义父路由组件
const ParentRoute = () => {
  return (
    <div>
      <h1>父路由</h1>
      <ul>
        <li>
          <Link to="/parent/child1">子路由1</Link>
        </li>
        <li>
          <Link to="/parent/child2">子路由2</Link>
        </li>
      </ul>
      <Switch>
        <Route path="/parent/child1" component={Child1} />
        <Route path="/parent/child2" component={Child2} />
      </Switch>
    </div>
  );
};

// 定义子路由组件
const Child1 = () => {
  return <h2>子路由1</h2>;
};

const Child2 = () => {
  return <h2>子路由2</h2>;
};

// 在根组件中使用路由
const App = () => {
  return (
    <Router>
      <Switch>
        <Route path="/parent" component={ParentRoute} />
      </Switch>
    </Router>
  );
};

export default App;