react路由传参

        react中传递参数的方式有很多种，可以在父子组件传递参数（推荐使用函数式组件，父子传参更方便）、可以用状态管理在页面间传递参数，利用路由也能传输一些简单参数。下面对路由传参进行简单说明：

1、传参方法一

<NavLink to={"/about/12"}>About</NavLink>
<NavLink to={"/about/小仙女/12"}>About</NavLink>
拦截：
<Route path={"/about/:id"} element={<About/>}/><!--:id 表示这里会有参数，并且是通过id接收-->
<Route path={"/about/:name/:id"} element={<About/>}/>
接参：
const params=useParams();
const {name,id}=useParams();

2、传参方法二

<NavLink to={"/about?a=1&b=2"}>About</NavLink>
拦截：
<Route path={"/about"} element={<About/>}/>
接参：
//方法1
const [search]=useSearchParams()
console.log(search.get("a"))
console.log(search.get("b"))
//方法2
或者循环获取参数
search.forEach((v,i)=>{
console.log(v,i)
})