另一个页面的步骤如下:
id
的值设置为123
:<Link to={`/destination?id=123`}>点击这里</Link>props.location.search
来获取传递的参数。可以使用URLSearchParams来解析查询字符串并获取参数的值。例如,假设你要获取参数id
的值:import { useLocation } from 'react-router-dom';function DestinationPage() {
const location = useLocation();
const searchParams = new URLSearchParams(location.search);
const id = searchParams.get('id');
// 使用获取到的参数值进行其他操作
// ...
return (
// 页面内容
);
}
这样,你就可以通过React-Router Link将参数发送到另一个页面,并在目标页面中获取和使用这些参数了。
对于React-Router的更多信息和使用方法,你可以参考腾讯云的相关产品React-Router的介绍页面:React-Router产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云