difference between React router.push and router.replace?

reactjs react-router react-router-v4
siluveru kiran kumar picture siluveru kiran kumar · Oct 23, 2018 · Viewed 8.3k times · Source

What is the difference between React router.push and router.replace?

Answer

reisdev picture reisdev · Oct 23, 2018

The router history works like a stack of routes. When you use the router.replace, you're overwritting the top of the the stack. When using the router.push, it adds a new route to the top of the stack.

The router history allows you to go back to the last page. For example, when the user navigates to a invalid route, you can use the router.replace to prevent the user to navigate back to the invalid route.

Related questions

How to push to History in React Router v4?

In the current version of React Router (v3) I can accept a server response and use browserHistory.push to go to the appropriate response page. However, this isn't available in v4, and I'm not sure what the appropriate way to …

Read More
React Router v4 - How to get current route?

I'd like to display a title in <AppBar /> that is somehow passed in from the current route. In React Router v4, how would <AppBar /> be able to get the current route passed into it's title prop? &…

Read More
Nested routes with react router v4 / v5

I am currently struggling with nesting routes using react router v4. The closest example was the route config in the React-Router v4 Documentation. I want to split my app in 2 different parts. A frontend and an admin area. I was …

Read More