react--antd的基本使用

  • 学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353

docs

  • https://ant.design/docs/react/use-with-create-react-app-cn

安装

  • yarn add antd
  • 或者npm i antd --save

样式表的引入

  • App.css全局引用样式表
    @import '~antd/dist/antd.css';

按需引入组件

  • import Button from ‘antd/lib/button’;

在这里插入图片描述

  • demo
import React from 'react';
import './css/app.css'
import Button from 'antd/lib/button';
class App extends React.Component {
  render() {

    return (
      <div >
        <Button type="primary">Button</Button>
      </div>
    );
  }
}

export default App;

效果图

在这里插入图片描述

发布了450 篇原创文章 · 获赞 787 · 访问量 16万+

猜你喜欢

转载自blog.csdn.net/qq_42813491/article/details/92760181
今日推荐