React:在访问父路由时使子路由的地址有效？

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

// 定义父组件
const ParentComponent = () => (
  <div>
    <h2>父组件</h2>
    <ul>
      <li>
        <Link to="/parent/child1">子组件1</Link>
      </li>
      <li>
        <Link to="/parent/child2">子组件2</Link>
      </li>
    </ul>
    <Route path="/parent/child1" component={ChildComponent1} />
    <Route path="/parent/child2" component={ChildComponent2} />
  </div>
);

// 定义子组件1
const ChildComponent1 = () => (
  <div>
    <h3>子组件1</h3>
    <p>这是子组件1的内容。</p>
  </div>
);

// 定义子组件2
const ChildComponent2 = () => (
  <div>
    <h3>子组件2</h3>
    <p>这是子组件2的内容。</p>
  </div>
);

// 渲染根组件
const App = () => (
  <Router>
    <div>
      <h1>React嵌套路由示例</h1>
      <Route path="/parent" component={ParentComponent} />
    </div>
  </Router>
);

export default App;