ant design pro 新增頁面

2.由于pro版本升級到2.0,所以重新做了一個分享，下面是目錄地址

1.在 src/routes/ 下面的任意一個文件夾下面創建一個頁面

// 填寫如下內容

/** NewPage.js內容 */

import React, { Component } from 'react';

export default class NewPage extends Component {

render() {

return (

這是新頁面

)

}

}

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

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的ps2020的antlib文件在哪_ant design pro 新增页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。