Ant Design框架引入

项目初始化

注重项目目录命名的规范!!!!
Ant Design框架引入

通过NPM方法导入AntDesign
sudo npm install antd --save来安装到目录。
测试一下,在root.js中,书写如下
import React from 'react';
import ReactDOM from 'react-dom';
import {Router, Route, hashHistory} from 'react-router';
import {Button} from 'antd';
import 'antd/dist/antd.css'

export default class Root extends React.Component {
render() {
return (
div>
Button type="primary">Primary</Button
Button>Default</Button
Button type="dashed">Dashed</Button
Button type="danger">Danger</Button
</div
);
};
}

ReactDOM.render(
Root/>, document.getElementById('mainContainer'));

posted @ 2017-06-22 20:13  ArielChen  阅读(1605)  评论(0编辑  收藏  举报