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 className="App">
    <Button type="primary">Button</Button>
  </div>
);

export default App;

接著要引入樣式

在跟文件index.js文件里加上：這個要看antd的安裝內容里面是不是這個，然后再導入

我用的這種導入方式?

import 'antd/dist/reset.css';

或是在App.css里加上：這個導入我方式我這里報錯，所以不推薦

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

使用效果

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

?