react使用usenavigate返回上一页
时间: 2024-05-11 09:17:04 浏览: 348
React Navigation 使用中遇到的问题小结
在 React 中,可以使用 `useNavigate` 钩子函数返回上一页,但需要先安装 `react-router-dom`。
首先,在组件中引入 `useNavigate`:
```
import { useNavigate } from 'react-router-dom';
```
然后在函数组件中使用 `useNavigate` 函数:
```
function MyComponent() {
const navigate = useNavigate();
function handleClick() {
navigate(-1); // 返回上一页
}
return (
<button onClick={handleClick}>返回上一页</button>
);
}
```
在点击按钮后,`navigate(-1)` 会返回上一页。
阅读全文