Prevent history navigation from causing reload in React

Question

In React, this.props.history.goback() and this.props.history.go(-1) are used to go back to the previous page in the browser. However, these cause the page to hard-reset (ie, reload) when redirecting to the previous page.

Is there any way to prevent the page from refreshing in an SPA using React?

Answer 1

If you use BrowserRouter , there should be no reloading within your origin.

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

<BrowserRouter>
    <App/>
</BrowserRouter>

Answer 2

You could try using window.history.back() .

HTML

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

JavaScript

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