2022.9.27 react-router-dom v6

106 阅读1分钟

image.png

Route需要被包裹在Routes标签内部。
如果某个页面需要配置二级路由,那么需要在路由后面加 /* 表示后面会跟二级路由

image.png

路由跳转需要使用useNavigate()创建一个navigate实例,进行路由跳转

image.png

image.png

search路由传参,无需配置路由。
接收参数使用
const [params] = useSearchParams()
console.log(params.get(参数名))

image.png

image.png

state路由传参,无需配置路由
接收参数使用
useLocation()