ant design pro 新增页面

本文主要是介绍ant design pro 新增页面，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.在 src/routes/ 下面创建一个页面

// 填写如下内容/** NewPage.js内容 */
import React, { Component } from 'react';export default class NewPage extends Component {render() {return (<div>这是新页面</div>)}
}/** NewPage.less内容 */
@import "~antd/lib/style/themes/default.less";

---

2.将刚刚写的组件注册到路由里面，修改 src/common/router.js文件

/** src/common/router.js内容 */'/newPage':{component:dynamicWrapper(app,['monitor'],()=> import('../routes/User/NewPage')),},/** src/common/menu.js内容*/{name:'新页面',icon: 'table',path:'newPage',},

添加后的效果
src/common/router.js

src/common/menu.js

3.运行结果

这篇关于ant design pro 新增页面的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---