react antd的使用

antd的使用

  • antd是一个组件库
  • 安装antd
    $ npm install antd
    
  • 安装babel-plugin-import 按需加载的插件,用来引入css
    $ npm install babel-plugin-import
    
  • 暴露配置文件
    $ npm run eject
    

    注意:如果报git错误,就执行git add * 和git commit操作即可

  • 修改配置文件,在webpack.config.js文件下的options.plugins下加入下边配置
    ["import", {
      "libraryName": "antd",
      "libraryDirectory": "es",
      "style": "css" // `style: true` 会加载 less 文件
    }],
    
  • 组件的引入,解构赋值方式
    import {Button, DatePicker} from 'antd' // 解构赋值的方式引入
    class App extends Component {
    render() {
      return (
        
    ); } }

你可能感兴趣的:(react antd的使用)