2.React-Router 编程式导航---（跳转，携带参数跳转）
编程式导航-跳转
作用：通过js编程的方式进行路由页面跳转，比如登录页跳转到关于页
语法说明： 1.导入useNavigate钩子函数 2.执行钩子函数得到跳转函数 3.执行跳转函数完成跳转 注意：如果在跳转时不想加历史记录，可以添加额外参数replace为true
编程式导航-携带参数跳转
场景：有些时候不光需要跳转路由还需要传递参数
两种方式 1.searchParams传参 （看个人喜欢） 传参 路径后面加问号以及参数 接参 顶部导入useSearchParams钩子，实例化为一个params数组，使用里面的get方法获取参数
//例如
import {
useSearchParams } from react-router-dom;
const [params] = useSearchParams()
const id= params.getAll(id)
//随后渲染到需要的地方即可
2.params传参 （在传递参数少的时候推荐使用，例如只有一个）
注意：使用这种方式需要在路由配置中path添加 /:id
//代码示例
import {
useParams, } from react-router-dom;
const params = useParams()
//params为一个对象，里面清晰记录了传过来的值
//console.log(params.xx,params.xxx)
