antd-design在react中的应用

安装篇

1.$ npm install antd --save

2.$ npm install babel-plugin-import --save 

引入原因

3.打开.babelrc文件 写入下面红框内容 (可直接粘贴复制,嘿嘿 ,贴心不)

 "plugins": [

        ["import", {

            "libraryName": "antd",

            "style": "css"

        }]

    ] 

截图利于大家参考

4.页面上引入相关文件:

上面的是页面中引入的东西

5.直接copy官网示例代码看效果

6.看效果

按钮组件 日期组件

我是糖心儿 倘若觉得生活有点苦 不妨进来加点糖把,喜欢点个小心心哦!

======================更新线===============================================

dva + antd遇到的问题

1.安装了antd之后样式没有生效

解决办法:import 'antd/dist/antd.min.css';就ok了

2.按需引入的代码 是写在自己新建的文件webpackrc.js里面