How to use files in public folder in ReactJS ?.When to use useCallback, useMemo and useEffect ?.How to show and hide Password in ReactJS?.How to create a Scroll To Top button in React JS ?.How to create a Responsive Sidebar with dropdown menu in ReactJS?.ReactJS | Setting up Development Environment.ReactJS Basic Concepts Complete Reference.How to redirect to another page in ReactJS ?.What is the equivalent of document.getElementById() in React?.How to solve too many re-renders error in ReactJS?.

How to pass data from one component to other component in ReactJS ?.

How to set default value in select using ReactJS ?.

How to create a simple Responsive Footer in React JS ?.

How to fetch data from an API in ReactJS ?.

How to pass data from child component to its parent in ReactJS ?.

Create a Responsive Navbar using ReactJS.

ISRO CS Syllabus for Scientist/Engineer Exam.

ISRO CS Original Papers and Official Keys.

GATE CS Original Papers and Official Keys.

Just keep in mind the purpose useLocation() is getting information from the current route, and it will return these attributes. push from history in the example localhost:3000/blogs?id=5#react.įrom that URL, if we are trying to call useLocation, we will get this object. I will use the previous link that we tried to use. UseLocation doesn't have any function like useHistory, and it is just to grab information about your current URL. If the URL is changed, the useLocation will be updated as well. I also prepare codesandbox to help you understand.īriefly, this is like a state that always returns your current URL. I have never used the three go function, but I just want to let you know that this function has existed in history go(delta: number): move to a different index and can specify how many indexes from this position (can be minus or positive) goForward(): move forward to the previous history. goBack(): move back to the previous history. replace, it will not go back to the previous one. Whenever the user clicks back in the browser after. replace(pathname: string, state: any)/(location: object): this is basically similar to push, but it will remove the existing history and update to the new one. For example, if you want to know where the user came from, you can utilize the state.

However, after I read the documentation, the documentation gave me an idea. Enter fullscreen mode Exit fullscreen mode

React router dom vs react router