一、使用路由方式进行传参和接收（此处需使用 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();接收使用 getSearchArr.getAll("SearchKey")获取详细值