关于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();接收