History push for redirecting to another page in react-router v6

Goutamraj Sahu answered on March 13, 2022 Popularity 8/10 Helpfulness 2/10

answer History push for redirecting to another page in react-router v6

History push for redirecting to another page in react-router v6

Comment

import React from 'react';

const LocationContext = React.createContext();

export default function Router({ children }) {
  return (
    <LocationContext.Provider
      value={{
        // The current location
        location: window.location,
        navigator: {
          // Change url and push entry in the history
          push(to) {
            window.history.pushState(null, null, to);
          },
          // Change url and replace the last entry in the history
          replace(to) {
            window.history.replaceState(null, null, to);
          },
          // Go back to the previous entry in the history
          back() {
            window.history.go(-1);
          },
          // Go forward to the next entry in the history
          forward() {
            window.history.go(1);
          },
          // If we want to go forward or 
          // backward from more than 1 step
          go(step) {
            window.history.go(step);
          }
        }
      }}
    >
      {children}
    </LocationContext.Provider>
  );
}

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: dev.to

Tags: history javascript push react-router

Link to this answer
Share Copy Link

Contributed on Mar 13 2022

Goutamraj Sahu

0 Answers Avg Quality 2/10

History push for redirecting to another page in react-router v6

Contents

More Related Answers

History push for redirecting to another page in react-router v6

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.