Ant Design新建路由及页面

Ant Design新建页面

今天分享Ant Design新建路由及页面

首先在项目的文件夹中打开命令窗口 输入一下内容:

npx umi g page Test/test

微信截图_20181114124907.png

成功后,项目中src/pages/下多了Test文件夹下边会有test.js和test.css文件

然后咱们来编辑test.js 直接替换掉你的文件中内容就可以了!

import React, { PureComponent } from 'react';
class Test extends PureComponent  {
    render() {
        return (
            <h3>HELLO WORD</h3>
        );
    }
}
export default Test;

保存!访问http://localhost:8000/test/test 是不是显示了

效果图:

image.png

Ant Design新建路由及页面就搞定了! 你也试试吧~~~

Ant Design新建页面

喜欢(0)

评论 抢沙发

表情