在react项目中按需引入antd

Posted 小白今天洗头了吗

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在react项目中按需引入antd相关的知识,希望对你有一定的参考价值。

  • 步骤(主要参照官网流程)

    • 安装antd:

      yarn add antd
    • 在页面中使用组件

      import { Button } from \'antd\';
      
      export default () => {
          return (<Button type="primary">Primary</Button>)
      }
  • 踩坑

    • 引入后无样式
    • 解决:在src/index.js 中添加

      import \'antd/dist/antd.css\';

以上是关于在react项目中按需引入antd的主要内容,如果未能解决你的问题,请参考以下文章

react中使用antd按需加载(第一部)

babel-plugin-import配置babel按需引入antd模块,编译后报错.bezierEasingMixin()

React使用antd按需引入报错

react脚手架(create-react-app)配置antd中css按需加载的坑

create-react-app + antd 后台管理项目创建详细步骤

React引入AntD按需加载报错