ant design pro 新增頁面

ant design pro 新增頁面

ps:參考資料
1.ant design pro

2.因爲pro版本升級到2.0,因此從新作了一個分享，下面是目錄地址

1. Ant Desing Pro2.0(一)項目初始化
2. Ant Desing Pro2.0(二)新增頁面
3. Ant Desing Pro2.0(三)設置代理
4. Ant Desing Pro2.0(四)與服務端交互

---

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.運行結果