如何从react路由获取href id？

从react路由获取href id的方法有多种，具体取决于你使用的路由库和项目的结构。以下是一种常见的方法：

1. 首先，确保你已经安装了react-router或react-router-dom等路由库。
2. 在你的组件中，使用路由库提供的相关组件（如BrowserRouter、Router、Link等）来设置路由和导航链接。
3. 在导航链接中，可以使用路由库提供的参数来传递id。例如，使用react-router-dom库的Link组件，可以通过to属性传递一个包含id的对象，如：

import { Link } from 'react-router-dom';

// ...

<Link to={{ pathname: '/your-path', search: `?id=${yourId}` }}>Link Text</Link>

这里的yourId是你要传递的id值，/your-path是你要导航到的路径。

1. 在目标组件中，可以使用路由库提供的相关方法来获取传递的id。例如，使用react-router-dom库的useLocation钩子和URLSearchParams对象，可以获取到传递的id，如：

import { useLocation } from 'react-router-dom';

// ...

const location = useLocation();
const searchParams = new URLSearchParams(location.search);
const id = searchParams.get('id');

这里的id就是从路由中获取到的href id。

需要注意的是，上述方法是基于react-router-dom库的示例，如果你使用的是其他路由库，可能会有些许差异。另外，这只是一种常见的方法，实际项目中可能会有其他更复杂的需求和实现方式。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法给出具体链接。但腾讯云提供了丰富的云计算产品和解决方案，你可以访问腾讯云官方网站，查看他们的产品文档和相关介绍。