防止历史导航导致在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();
}