How to navigate to previous screen in with React Routing

Asked Dec 30 '19 at 11:32

Active Dec 30 '19 at 12:16

Viewed 229 times

I am opening a modal on click of a menu item by redirecting the user to a new route. I am changing the route when the modal opens. I want to redirect to the previous screen whenever the user clicks on close or cancel button. I am using the below code-

onCancel = () => {
  props.history.goBack();
}

<Modal open={true}, onClose={onCancel}> </Modal>

My component is a functional component and I can see goBack() in my history object, however, this does not work and user is not able to navigate to previous screen. I am trying to achieve this through redirect. Please suggest me if there is anyway.

React version- 16.8.2
react-router-dom- 4.3.1

edited Dec 30 '19 at 12:16

behzad

asked Dec 30 '19 at 11:32

techie_questie

1,434
4
29
53

Did you try with `BrowserHistory`? – Abhinav Kinagi Dec 30 '19 at 11:37
@techie questie can you share your complete code or in sandbox? – akhtarvahid Dec 30 '19 at 11:41
Please check a similar post [https://stackoverflow.com/questions/30915173/react-router-go-back-a-page-how-do-you-configure-history](https://stackoverflow.com/questions/30915173/react-router-go-back-a-page-how-do-you-configure-history) Thanks, – Sonu Singh Dec 30 '19 at 12:08
would need to see your routes and where/how you are calling redirect within react. – Michael Dec 30 '19 at 14:38

How to navigate to previous screen in with React Routing

0 Answers0