草庐IT

useNavigate

全部标签

如何使用useNavigate 进行路由的跳转以及传参,并且获取参数。

前言本文章主要是讲述如何通过useNavigate携带参数并在对应组件进行接收。提示:以下是本篇文章正文内容,下面案例可供参考一、如何携带search,params,state参数importReact,{memo}from'react'import{useNavigate}from'react-router-dom'constHome=memo(()=>{constnavigate=useNavigate()constgoDetail=()=>{navigate('/Detail?name=tom&age=18')}constgoAbout=()=>{navigate('/About/jac

【React Router 6 快速上手二】useParams / useSearchParams / useLocation / 编程式路由导航useNavigate等API

前言博主主页👉🏻蜡笔雏田学代码专栏链接👉🏻React专栏之前学习了react-router-dom5版本的相关内容参考文章👉🏻React路由组件传参的三种方式和【React路由】编程式路由导航回顾上篇文章👉🏻【ReactRouter6快速上手一】,今天来学习react-router-dom6版本的另一些相关知识!感兴趣的小伙伴一起来看看吧~🤞文章目录1.向路由组件传递params参数:useParams()2.向路由组件传递search参数:useSearchParams()3.向路由组件传递state参数:useLocation()4.编程式路由导航useNavigate()5.useInR