如何在从一个选项卡导航到具有抽屉和另一个屏幕的另一个选项卡时保留react导航中的“后退”功能

npm install react-router-dom

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

function App() {
  return (
    <Router>
      {/* 应用程序的内容 */}
    </Router>
  );
}

function App() {
  return (
    <Router>
      <div>
        {/* 导航链接 */}
        <nav>
          <ul>
            <li>
              <Link to="/tab1">选项卡1</Link>
            </li>
            <li>
              <Link to="/tab2">选项卡2</Link>
            </li>
          </ul>
        </nav>

        {/* 路由 */}
        <Switch>
          <Route path="/tab1">
            <Tab1 />
          </Route>
          <Route path="/tab2">
            <Tab2 />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}

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

function Tab1() {
  const history = useHistory();

  const handleGoBack = () => {
    history.goBack();
  };

  return (
    <div>
      {/* 具有抽屉和另一个屏幕的选项卡1的内容 */}
      <button onClick={handleGoBack}>后退</button>
    </div>
  );
}