我正在使用 React Router。我想检测我来自的上一个页面(在同一个应用程序内)。我的上下文中有路由器。但是,我没有在路由器对象上看到任何属性,例如“上一个路径”或历史记录。我该怎么做?
在 React Router 中,你可以使用useHistoryhoo
useHistory
Java 语言复制代码import { useHistory } from "react-router-dom"; function MyComponent() { const history = useHistory(); // Function to go back to the previous page const goBack = () => { history.goBack(); }; // Accessing the previous path const previousPath = history.location.state && history.location.state.from.pathname; return ( <div> <div> <p>Previous Path: {previousPath}</p> <button onClick={goBack}>Go Back</button> </div> ); }
在此示例中:
goBack
history.goBack()
中的属性
,其中包含以前的位置信息。
`history.location.state
确保用<Router>hi包装你的组件useHistory以便可以访问路由器上下文。
<Router>