react-router-dom@6

1.路由传参<route path= '/user/derl/:id' element={ <User/>} />

const navigate= useNavigate()

跳转路由 navigate('/user/derl/1')

接受路由通过 const params = useParams（）

{params.id}

第二种

<route path= '/user/derl' element={ <User/>} />

<Link to ='/user/derl?id=1&name=zs' />

通过const params =useSearchParams()

取参数哦通过params.get('id') 这个是1或者params.get('name')这个是张三

2.const location = useLocation() useLocation可以拿到路由地址通过pathname属性

const route = mutesRoutes（route，location.pathname）拿到所有的路由信息，和路由地址

3.通过useNavigate传参

const navigate =useNavigate（）

navitage('/',{state:{

name:''zs''

}})

然后通过useLocation接受参数

const location = useLocation（）

取参数{location.state.name}就是zs

这个是通过编程式导航传参的

4.通配符path= ''*''是配置所有没有路径的所以路由