react元件樣式引用失敗怎麼辦

react元件樣式引用失敗的解決方法：1、透過「npm i --save antd」下載安裝antd依賴套件；2、在index.css頂部引入antd樣式；3、透過「import { Button } from "antd";」在專案中引入想要的元件即可。

本教學操作環境：Windows10系統、react18.0.0版、Dell G3電腦。

react元件樣式參考失敗怎麼辦？

關於在react專案中引入antd樣式不生效的問題

1. 在react專案中下載安裝antd依賴套件

npm i --save antd

2. 在index. css頂部引入antd樣式（antd文檔裡說的是在app.css頂部引入樣式，不知道為啥我試了樣式不生效）

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

 

3. 在專案中引入我們想要的組件，這樣就可以看到效果囉！

import { Button } from "antd";

 

這是一個按鈕

推薦學習：《react影片教學 》

以上是react元件樣式引用失敗怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！