react 控制路由跳转
时间: 2023-08-23 15:59:10 浏览: 89
react-router JS 控制路由跳转实例
React Hooks 路由跳转传参可以使用 React Router 提供的 useHistory 钩子函数。具体步骤如下:
1. 在组件中引入 useHistory 钩子函数:
```
import { useHistory } from 'react-router-dom';
```
2. 在组件中调用 useHistory 函数获取 history 对象:
```
const history = useHistory();
```
3. 使用 history.push 方法进行路由跳转,并在第二个参数中传入参数对象:
```
history.push('/path', { param1: 'value1', param2: 'value2' });
```
4. 在目标组件中使用 useLocation 钩子函数获取传入的参数:
```
import { useLocation } from 'react-router-dom';
const MyComponent = () => {
const location = useLocation();
const { param1, param2 } = location.state;
// do something with param1 and param2
}
```
以上就是使用 React Hooks 实现路由跳转传参的方法。
阅读全文