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= ''*''是配置所有没有路径的所以路由