公司建網(wǎng)站做app要多少錢精準網(wǎng)絡推廣
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的安裝內(nèi)容里面是不是這個,然后再導入
我用的這種導入方式?
import 'antd/dist/reset.css';
或是在App.css里加上:這個導入我方式我這里報錯,所以不推薦
@import '~antd/dist/antd.css';
使用效果
讓你以上都是安裝好之后,就會有效果了?
?