关于ReactV18的页面跳转传参和接收

本文主要是介绍关于ReactV18的页面跳转传参和接收，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

  一、使用路由方式进行传参和接收（此处需使用 useNavigate 和 useParams 两个hooks）

        1  首先需要配置好路由形式如下  :id(参数)

    {

        path: "/articleDetail/:id",

        element: lazyElement(<ArticleDetail />),

     },

        2 传递参数 使用 useNavigate

navigate("/published", { state: { articleName: props.Title } });

       3  接收参数 使用 useParams

const { id } = useParams();

二、使用地址方式进行（此处需使用 useNavigate 和 useSearchParams 两个hooks）

navigate('/login?name=xiaoming&age=10')传参

const [getSearchArr] = useSearchParams();接收

 

这篇关于关于ReactV18的页面跳转传参和接收的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---