今天小編給大家分享一下react組件樣式引用失敗如何解決的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

創(chuàng)新互聯(lián)自2013年創(chuàng)立以來(lái)，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元樂(lè)業(yè)做網(wǎng)站,已為上家服務(wù),為樂(lè)業(yè)各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

react組件樣式引用失敗的解決辦法：1、通過(guò)“npm i --save antd”下載安裝antd依賴包；2、在index.css頂部引入antd樣式；3、通過(guò)“import { Button } from "antd";”在項(xiàng)目中引入想要的組件即可。

關(guān)于在react項(xiàng)目中引入antd樣式不生效的問(wèn)題

1. 在react項(xiàng)目中下載安裝antd依賴包

npm i --save antd

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

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

3. 在項(xiàng)目中引入我們想要的組件，這樣就可以看到效果啦！

import { Button } from "antd";

以上就是“react組件樣式引用失敗如何解決”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。