Ant Design Pro 项目路由跳转及路由传参跳转

背景:项目需要领航页,领航页需要实现点击列表内容跳转到相应的二级页面,并且带参跳转.
跳转方法:Link
官网:https://beta-pro.ant.design/config/api-cn#link
接收数据方法:useLocation
官网:https://beta-pro.ant.design/config/api-cn#uselocation

实际项目示例:

              <Link
                to={{
                  pathname: '/timeliness/AdmissionRecord',
                  search: searchStr,
                }}
              >
                入院记录24小时完成率
              </Link>

其中,search为传参,数据类型为字符串.下面示例中根据实际项目需求做了传空判断.

  //传参日期字符串  改变了默认时间段才传参
  const searchStr = dateChange ? `?startdate=${startdateParams}&enddate=${enddateParams}` : '';

目标页面接收路由传参:

  //导航页传参  传过来的日期
  const navigationDate: any = useLocation();

使用路由传参:

navigationDate.query.xxx