如何通过使用React-Router-Dom省略父路径来定义子路径？

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

// 父组件
const ParentComponent = () => (
  <div>
    <h2>Parent Component</h2>
    <ul>
      <li>
        <Link to="/parent/child1">Child 1</Link>
      </li>
      <li>
        <Link to="/parent/child2">Child 2</Link>
      </li>
    </ul>

    {/* 子路由定义在这里 */}
    <Switch>
      <Route path="/parent/child1" component={ChildComponent1} />
      <Route path="/parent/child2" component={ChildComponent2} />
    </Switch>
  </div>
);

// 子组件1
const ChildComponent1 = () => <h3>Child Component 1</h3>;

// 子组件2
const ChildComponent2 = () => <h3>Child Component 2</h3>;

// 应用根组件
const App = () => (
  <Router>
    <Switch>
      <Route path="/parent" component={ParentComponent} />
      {/* 其他路由 */}
    </Switch>
  </Router>
);

export default App;