React項(xiàng)目如何使用Element的方法步驟
初次在react項(xiàng)目中使用element框架,碰到了一些很簡(jiǎn)單的問題,但是卡了很久才解決,寫篇博客記錄一下。
1、安裝:
在項(xiàng)目目錄下下載:
npm i element-react --save npm install element-theme-default --save
注:element官網(wǎng)快速上手中有提到
2、全局引用
在項(xiàng)目跟錄下的index.js中全局引入
3、在項(xiàng)目中引用你需要的element組件
可能會(huì)報(bào)錯(cuò)
解決方式:在項(xiàng)目中下載依賴npm install react-hot-loader@next --save即可
4、引入組件可能還會(huì)報(bào)錯(cuò)
例如如下我引入的是走馬燈
如上報(bào)錯(cuò),解決方式,引入Carousel即可
如果引用其他組件也報(bào)錯(cuò),解決方式如上
到此這篇關(guān)于React項(xiàng)目如何使用Element的方法步驟的文章就介紹到這了,更多相關(guān)React項(xiàng)目使用Element內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
react 國(guó)際化的實(shí)現(xiàn)代碼示例
這篇文章主要介紹了react 國(guó)際化的實(shí)現(xiàn)代碼示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-09-09nginx配置React靜態(tài)頁(yè)面的方法教程
作為一個(gè)前端開發(fā)時(shí)刻想著,怎么把自己寫的東西,丟到自己的服務(wù)器上面,然后展示給別人看。下面我就簡(jiǎn)單直白的寫下,這篇文章主要給大家介紹了關(guān)于nginx配置React靜態(tài)頁(yè)面的方法教程,需要的朋友可以參考下。2017-11-11如何解決React官方腳手架不支持Less的問題(小結(jié))
這篇文章主要介紹了如何解決React官方腳手架不支持Less的問題(小結(jié)),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-09-09使用reactjs優(yōu)化了進(jìn)度條頁(yè)面性能提高70%
這篇文章主要介紹了使用reactjs優(yōu)化了進(jìn)度條后頁(yè)面性能提高了70%的操作技巧,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04react中history(push,go,replace)切換路由方法的區(qū)別及說(shuō)明
這篇文章主要介紹了react中history(push,go,replace)切換路由方法的區(qū)別及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10react?component?function組件使用詳解
這篇文章主要為大家介紹了react?component?function組件的使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11詳解React-Native解決鍵盤遮擋問題(Keyboard遮擋問題)
本篇文章主要介紹了React-Native解決鍵盤遮擋問題(Keyboard遮擋問題),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07React競(jìng)態(tài)條件Race Condition實(shí)例詳解
這篇文章主要為大家介紹了React競(jìng)態(tài)條件Race Condition實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11