antdesign 新增页面_ant design pro 新增页面
时间: 2023-09-21 20:13:30 浏览: 95
ant-design-pro
Ant Design Pro 是一个企业级的 UI 设计语言和 React 实现,它提供了丰富的组件和模板来帮助开发人员快速构建高质量的 Web 应用程序。
如果你想在 Ant Design Pro 中新增页面,可以按照以下步骤进行:
1. 在 src/pages 目录下创建一个新的页面文件夹,比如说 myPage。
2. 在 myPage 文件夹中创建一个新的页面文件,比如说 index.js。
3. 在 index.js 中编写页面的代码,可以使用 Ant Design Pro 提供的组件和模板。
4. 在 src/config/router.config.js 文件中添加路由配置,指定新页面的路径和组件。
例如,如果你想新增一个名为 MyPage 的页面,可以按照以下步骤进行:
1. 在 src/pages 目录下创建一个名为 MyPage 的文件夹。
2. 在 MyPage 文件夹中创建一个名为 index.js 的文件。
3. 在 index.js 中编写页面代码,比如说:
```jsx
import React from 'react';
const MyPage = () => {
return (
<div>
<h1>This is my page!</h1>
</div>
);
};
export default MyPage;
```
4. 在 src/config/router.config.js 文件中添加路由配置,比如说:
```jsx
{
path: '/my-page',
name: 'MyPage',
component: '@/pages/MyPage',
}
```
这样就完成了在 Ant Design Pro 中新增一个名为 MyPage 的页面。
阅读全文