react路由6的goback
时间: 2023-07-19 09:42:43 浏览: 209
详解各版本React路由的跳转的方法
5星 · 资源好评率100%
在 React Router V6 中,可以使用 `useNavigate` 钩子来管理路由。如果想要回退到上一个页面,可以通过 `useNavigate` 钩子的 `goBack` 方法来实现。例如:
```jsx
import { useNavigate } from 'react-router-dom';
function MyComponent() {
const navigate = useNavigate();
function handleGoBack() {
navigate(-1);
}
return (
<div>
<button onClick={handleGoBack}>返回上一页</button>
</div>
);
}
```
在上述代码中,我们通过 `useNavigate` 钩子创建了 `navigate` 对象,并在 `handleGoBack` 函数中调用了 `navigate(-1)` 方法来回退到上一个页面。
阅读全文