In React, we can use the react-router-dom library to navigate between pages. To go back to the previous location, we can use the goBack method of the history object.<\/p>\n
First, make sure your components are wrapped in the In the example above, we used the useHistory hook to access the history object and call the goBack method to return to the original location when the button is clicked.<\/p>\n Please note: if there is no browsing history or if you are at the starting point of browsing history, the goBack method will not have any effect. So, before using the goBack method, it’s best to first check the length of the browsing history. For example:<\/p>\n In this way, we can handle the situation based on the actual circumstances when we are unable to browse our browsing history or go back to a previous page.<\/p>\n","protected":false},"excerpt":{"rendered":" In React, we can use the react-router-dom library to navigate between pages. To go back to the previous location, we can use the goBack method of the history object. First, make sure your components are wrapped in the component so that you can use the history object. Then, you can use the goBack method where […]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-17648","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nimport<\/span> { useHistory } from<\/span> 'react-router-dom'<\/span>;\r\n\r\nfunction<\/span> MyComponent<\/span>(<\/span>) {\r\n const<\/span> history = useHistory<\/span>();\r\n\r\n const<\/span> handleClick<\/span> = (<\/span>) => {\r\n history.goBack<\/span>();\r\n };\r\n\r\n return<\/span> (\r\n <div<\/span>><\/span>\r\n <button<\/span> onClick<\/span>={handleClick}<\/span>><\/span>\u8fd4\u56de<\/button<\/span>><\/span>\r\n <\/div<\/span>><\/span><\/span>\r\n );\r\n}\r\n<\/code><\/pre>\nimport<\/span> { useHistory } from<\/span> 'react-router-dom'<\/span>;\r\n\r\nfunction<\/span> MyComponent<\/span>(<\/span>) {\r\n const<\/span> history = useHistory<\/span>();\r\n\r\n const<\/span> handleClick<\/span> = (<\/span>) => {\r\n if<\/span> (history.length<\/span> > 1<\/span>) {\r\n history.goBack<\/span>();\r\n } else<\/span> {\r\n \/\/ \u5904\u7406\u65e0\u6cd5\u8fd4\u56de\u7684\u60c5\u51b5<\/span>\r\n }\r\n };\r\n\r\n return<\/span> (\r\n <div<\/span>><\/span>\r\n <button<\/span> onClick<\/span>={handleClick}<\/span>><\/span>\u8fd4\u56de<\/button<\/span>><\/span>\r\n <\/div<\/span>><\/span><\/span>\r\n );\r\n}\r\n<\/code><\/pre>\n