ant design是一個(gè)很棒的組件庫，官方地址：快速上手 - Ant Design

但是如何在React里面用起來，好像并不是很順暢，沒有像Vue里面那么友好，因?yàn)槲也冗^這個(gè)坑，雖然安裝很簡單，但是想要出樣式，還是有點(diǎn)步驟的。

安裝Antd

npm命令：

npm install antd --save

yarn命令：

yarn add antd

pnpm命令：

pnpm install antd --save

在React中使用

千萬不要簡單的只看官方的文檔，是有問題的，因?yàn)槔锩鏇]有引入css樣式，這會導(dǎo)致你即便拷貝了組件代碼，但是沒有樣式

import { Button } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <div className="App">
    <Button type="primary">Button</Button>
  </div>
);

export default App;

接著要引入樣式

在跟文件index.js文件里加上：這個(gè)要看antd的安裝內(nèi)容里面是不是這個(gè)，然后再導(dǎo)入

我用的這種導(dǎo)入方式?

import 'antd/dist/reset.css';

或是在App.css里加上：這個(gè)導(dǎo)入我方式我這里報(bào)錯(cuò)，所以不推薦

@import '~antd/dist/antd.css';

使用效果

讓你以上都是安裝好之后，就會有效果了?

?