react跳转怎么返回到原来位置

在React中，我们可以使用react-router-dom库来进行页面跳转。要返回到原来的位置，我们可以使用history对象的goBack方法。

首先，确保你的组件包裹在<Router>组件中，以便能够使用history对象。然后，在需要返回的地方，可以像下面这样使用goBack方法：

import { useHistory } from 'react-router-dom';function MyComponent() {  const history = useHistory();  const handleClick = () => {    history.goBack();  };  return (    <div>      <button onClick={handleClick}>返回</button>    </div>  );}

在上面的例子中，我们使用了useHistory钩子来获取history对象，并在点击按钮时调用goBack方法返回到原来的位置。

注意：如果之前没有浏览历史记录，或者当前在浏览历史记录的起点，goBack方法将不会有任何效果。所以在使用goBack方法之前，最好先检查一下浏览历史记录的长度，例如：

import { useHistory } from 'react-router-dom';function MyComponent() {  const history = useHistory();  const handleClick = () => {    if (history.length > 1) {      history.goBack();    } else {      // 处理无法返回的情况    }  };  return (    <div>      <button onClick={handleClick}>返回</button>    </div>  );}

这样，在没有浏览历史记录或者无法返回时，我们可以根据实际情况进行处理。