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 (i.e., reload) when redirecting to the previous page.

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

Possible duplicate of [Intercept/handle browser's back button in React-router?](https://stackoverflow.com/questions/39342195/intercept-handle-browsers-back-button-in-react-router) — Akin Okegbile, Sep 09 '19 at 15:41

score 1 · Answer 1 · answered Sep 09 '19 at 15:36

1

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

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

<BrowserRouter>
    <App/>
</BrowserRouter>

answered Sep 09 '19 at 15:36

Nappy

3,016
27
39

score 0 · Answer 2 · edited Sep 09 '19 at 15:51

0

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

HTML

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

JavaScript

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

edited Sep 09 '19 at 15:51

Azametzin

5,223
12
28
46

answered Sep 09 '19 at 15:04

Remy Baas

1
3

this does not work – bihire boris Oct 08 '21 at 17:16

Prevent history navigation from causing reload in React

2 Answers2