react导航，返回嵌套导航

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

function MyComponent() {
  return (
    <div>
      <h1>当前页面</h1>
      <<Link to="/previous-page">返回上一页</Link>
    </div>
  );
}

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

function HomePage() {
  return (
    <div>
      <h1>主页</h1>
      <ul>
        <li>
          <Link to="/page1">页面1</Link>
        </li>
        <li>
          <Link to="/page2">页面2</Link>
        </li>
      </ul>
    </div>
  );
}

function Page1() {
  return (
    <div>
      <h2>页面1</h2>
      <ul>
        <li>
          <Link to="/page1/subpage1">页面1的子页面1</Link>
        </li>
        <li>
          <Link to="/page1/subpage2">页面1的子页面2</Link>
        </li>
      </ul>
    </div>
  );
}

function SubPage1() {
  return (
    <div>
      <h3>页面1的子页面1</h3>
      <p>这是页面1的子页面1的内容。</p>
    </div>
  );
}

function SubPage2() {
  return (
    <div>
      <h3>页面1的子页面2</h3>
      <p>这是页面1的子页面2的内容。</p>
    </div>
  );
}

function App() {
  return (
    <Router>
      <div>
        <Route exact path="/" component={HomePage} />
        <Route path="/page1" component={Page1} />
        <Route path="/page1/subpage1" component={SubPage1} />
        <Route path="/page1/subpage2" component={SubPage2} />
      </div>
    </Router>
  );
}