网站开发 流程图,网站开发用哪个linux,wap页面是什么,重庆万泰建设集团有限公司ant design是一个很棒的组件库#xff0c;官方地址#xff1a;快速上手 - Ant Design
但是如何在React里面用起来#xff0c;好像并不是很顺畅#xff0c;没有像Vue里面那么友好#xff0c;因为我踩过这个坑#xff0c;虽然安装很简单#xff0c;但是想要出样式#x…ant design是一个很棒的组件库官方地址快速上手 - Ant Design
但是如何在React里面用起来好像并不是很顺畅没有像Vue里面那么友好因为我踩过这个坑虽然安装很简单但是想要出样式还是有点步骤的。
安装Antd
npm命令
npm install antd --save
yarn命令
yarn add antd
pnpm命令
pnpm install antd --save
在React中使用
千万不要简单的只看官方的文档是有问题的因为里面没有引入css样式这会导致你即便拷贝了组件代码但是没有样式
import { Button } from antd;
import React from react;const App: React.FC () (div classNameAppButton typeprimaryButton/Button/div
);export default App;
接着要引入样式
在跟文件index.js文件里加上这个要看antd的安装内容里面是不是这个然后再导入
我用的这种导入方式
import antd/dist/reset.css;或是在App.css里加上这个导入我方式我这里报错所以不推荐
import ~antd/dist/antd.css;
使用效果
让你以上都是安装好之后就会有效果了
