路由组件如何传值
1.组件跳转并传值
(1)导入
import { useNavigate } from ‘react-router-dom’;
(2)使用
const navigate = useNavigate();
点击事件中使用
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/e22eaba757faf5fccf23a6af47781334.png)
组件“/machine”为已经定义好的路由,state负责传值state:{参数:值}
(3)获取值
导入import { useLocation } from ‘react-router-dom’;
使用
let location = useLocation();
let server_id = location.state;
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/50e5f92cd2fd3e4545f71042059bb7b6.png)