ps2020的antlib文件在哪_ant design pro 新增页面

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 新增页面的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。