在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>
);
}
这样，在没有浏览历史记录或者无法返回时，我们可以根据实际情况进行处理。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 55@qq.com 举报，一经查实，本站将立刻删除。转转请注明出处：https://www.szhjjp.com/n/832648.html
