使用react路由器和正则表达式创建到同一组件的自定义动态路由

React 路由器是 React.js 库中用于管理页面路由的工具。它允许我们创建单页面应用（SPA），其中不同的 URL 可以对应于不同的组件，并且可以通过路由器进行导航。

在 React 路由器中使用正则表达式创建到同一组件的自定义动态路由，可以通过使用路由器的参数来实现。下面是一个示例代码：

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

const MyComponent = () => {
  return <div>This is my component</div>;
};

const App = () => {
  return (
    <Router>
      <Switch>
        <Route path="/custom/:id(\d+)" component={MyComponent} />
        <Route path="/custom/:name(\w+)" component={MyComponent} />
      </Switch>
    </Router>
  );
};

export default App;

在上面的代码中，我们使用 react-router-dom 库提供的 BrowserRouter 组件作为路由器，并使用 Route 组件定义了两个路由规则。这两个路由规则使用了正则表达式来匹配 URL，其中 :id(\d+) 表示匹配一个数字类型的参数，:name(\w+) 表示匹配一个字母数字字符类型的参数。

当用户访问 /custom/123 时，第一个路由规则会匹配到，并将参数值 123 传递给 MyComponent 组件；当用户访问 /custom/abc 时，第二个路由规则会匹配到，并将参数值 abc 传递给 MyComponent 组件。

这种方式可以实现动态路由，根据不同的参数值渲染相同的组件，并根据参数值的类型进行不同的操作。这在需要根据不同的参数值展示不同内容的场景中非常有用。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可用于部署和运行前端、后端和数据库等应用程序。
• 腾讯云云函数（SCF）：提供事件驱动的无服务器计算服务，可用于创建和部署云原生应用程序，适合于实现动态路由等场景。

以上答案是基于腾讯云的产品和服务进行推荐，以满足问题中要求。