React中常用外掛程式整理

2021-10-04 03:45:12 字數 1101 閱讀 9518

react中建立元件

(1)第一種建立元件的方式

使用建構函式來建立元件,如果要接收外界傳遞的資料,需要在建構函式的引數列表中使用props來接收;必須要向外return乙個合法的jsx的虛擬dom。

建立元件

//第一種建立元件的方式

function hello(props)

return  

//元件中的props永遠都是唯讀的,不能被重新賦值

this.props物件的屬性

1、 history:用來跳轉路由 路徑

2.、match:匹配結果,如果匹配上就是物件,匹配不上就是null

3、location:當前路徑 pathname當前路徑名

父元件向子元件傳遞資料

使用屬性擴散傳遞資料

將元件封裝到單獨的檔案中

(2)第二種建立元件的方式

使用class關鍵字來建立元件

通過extends繼承react.component

每乙個類中,都有乙個構造器,如果我們沒有手動指定構造器,那麼,可以認為類內部有個**的,看不見的空構造器,類似於constructor(){}

構造器的作用就是,每當new這個類的時候,必然會 優先執行,構造器中的**。

通過 new出來的例項 訪問到的屬性,叫作例項屬性。構造器中的屬性,是例項屬性。

通過 建構函式 直接訪問到的屬性,叫作靜態屬性。在class中通過static關鍵字定義的屬性是靜態屬性。

例項方法,通過 new出來的例項 訪問到的方法,實際專案中使用較多

靜態方法,通過 建構函式 直接訪問到的方法,實際專案中使用到的不多。在class中通過static關鍵字定義的方法

注意:在class的區間內,只能寫 構造器、靜態方法、靜態屬性和例項方法

注意:class關鍵字內部還是通過function的方式來實現的。所以說,我們把class關鍵字,稱作 語法糖

通過extends關鍵字來實現繼承,將共有的某些屬性或方法放到父類中

在class關鍵字建立的元件中,如果想使用外界傳遞過來的props引數,不需接收,直接通過this.props.**來訪問即可

es6的展開運算子【…】可以展開乙個物件

React 常用外掛程式庫

js 加密 crypto js des加密,md5 crypto js mock聯調 資料是前端開發過程中必不可少的一環,修改 roadhogrc.mock.js 後請求沒能指向真實伺服器 按官網教程修改了.roadhogrc.mock.js的export部分。修改為 export default ...

gulp常用外掛程式整理

1.gulp sass sass編譯 3.gulp autoprefixer 新增css3字首 4.gulp clean css 壓縮css 5.gulp include 檔案包含 6.gulp concat 檔案合併 7.del 檔案刪除 8.gulp uglify 壓縮js 9.gulp.spr...

常用JQuery外掛程式整理

jquery ui 官方的ui外掛程式,功能很多,但我只用少數幾個 jquery easyui jquery ligerui 對話方塊 artdialog 很欣賞這個外掛程式,又強大又美觀 asyncbox 製作者小吳同學也是的人呢 jbox 繼續國人的外掛程式,就是 稍微做的弱了點,功能上一點不輸...