react路由返回上一页

在 React 中，你可以使用一些库来处理路由的导航和页面切换。最常用的是 react-router。要返回上一页，你可以使用 react-router 提供的 useHistory 钩子。

首先，确保你已经安装了 react-router-dom，可以使用以下命令安装：

npm install react-router-dom

然后，在你的组件中导入 useHistory：

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

接下来，在组件函数内部调用 useHistory 获取 history 对象：

const MyComponent = () => {
  const history = useHistory();

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

  return (
    <div>
      <button onClick={goBack}>返回上一页</button>
    </div>
  );
};

在上面的例子中，我们定义了一个名为 goBack 的函数，当按钮被点击时，该函数会调用 history.goBack() 来返回上一页。

请注意，为了能够使用 useHistory，你的组件必须在 Router 组件内部。如果你的组件不在 Router 组件内部，你可以考虑将其包装在一个 withRouter 高阶组件中。

希望这可以帮助到你！如果有任何疑问，请随时问我。