防止历史导航导致在React中重新加载

Question

在React中， this.props.history.goback()和this.props.history.go(-1)用于返回浏览器中的上一页。 但是，这些导致页面在重定向到上一页时被硬重置（即重新加载）。

有什么方法可以阻止页面使用React在SPA中刷新吗？

Answer 1

如果您使用BrowserRouter ，则您的原点内不应进行任何重载。

import { BrowserRouter } from 'react-router-dom'

<BrowserRouter>
    <App/>
</BrowserRouter>

Answer 2

您可以尝试使用window.history.back() 。

的HTML

<button onclick="goBack()">Go Back</button>

的JavaScript

function goBack() {
    window.history.back();
}