编程式导航-跳转
作用:通过js编程的方式进行路由页面跳转,比如登录页跳转到关于页
语法说明:
1.导入useNavigate钩子函数
2.执行钩子函数得到跳转函数
3.执行跳转函数完成跳转
注意:如果在跳转时不想加历史记录,可以添加额外参数replace为true
编程式导航-携带参数跳转
场景:有些时候不光需要跳转路由还需要传递参数
两种方式
1.searchParams传参 (看个人喜欢)
传参 路径后面加问号以及参数
接参 顶部导入useSearchParams钩子,实例化为一个params数组,使用里面的get方法获取参数
//例如
import {
useSearchParams } from 'react-router-dom';
const [params] =