react 普通组件转换为路由组件

要将 React 普通组件转换为路由组件，需要使用 React Router 库中提供的 `withRouter` 函数。具体步骤如下：

1. 首先，安装 `react-router-dom` 库：

   npm install react-router-dom

2. 在需要转换为路由组件的普通组件文件中，导入 `withRouter` 函数：

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

3. 使用 `withRouter` 函数将组件包裹起来：

   const MyComponent = ({ history }) => {
     // ...
   };

   export default withRouter(MyComponent);

注意：`history` 是 `withRouter` 函数传递给组件的属性，用于在组件中进行路由跳转操作。

4. 在路由配置文件中，使用包装后的路由组件：

   import MyComponent from './MyComponent';

   const routes = [
     {
       path: '/my-component',
       component: MyComponent
     }
   ];

这样，就可以将普通组件转换为路由组件，实现路由跳转功能。