React基礎常識

2022-05-10 01:55:26 字數 1515 閱讀 2316

自定義元件中,render只能渲染乙個標籤。

要使用jsx語法,必須匯入react模組。

render函式中最常用的單標籤是fragment標籤,因為fragment標籤僅僅起到佔位作用,不會改變dom結構。

react中,標籤繫結事件,一定要注意大小寫,如。

react中呼叫變數一定要加{}。

react中迴圈遍歷時一般是對資料使用.map方法,遍歷列表時,每乙個遍歷出來的項一定都要有乙個key值。

react中引用class,要寫成classname,因為react中已經有了class,避免衝突,要寫成

react中不允許直接操作this.state,我們要改變它只能通過修改副本,再賦值給this.state的方式進行修改

jsx注釋:在普通的js注釋左右加上。

如果不需要對字串轉義,就使用dangerouslysetinnerhtml屬性。dangerouslysetinnerhtml=}

如果元件內部的函式需要繫結this指向,最好在construct函式裡繫結。

三者關係:

render  函式什麼時候執行?

1. 元件第一次渲染的時候,會被預設執行一次。

2. 當state資料發生變更的時候,render函式就會被重新執行一次。

3. 當props資料發生變化的時候,render函式就會被重新執行一次。

react中ref的使用:react中操作dom。獲取原聲標籤對應的dom節點。

}>

注意:ref寫在html標籤上獲取的是dom節點。寫在元件標籤上,獲取的是元件的js例項。

setstate是非同步函式。

initialization(初始化階段):conostructor生命週期函式

=> mounting(頁面掛載階段):componentwillmount 元件即將掛載生命週期函式,render元件渲染生命週期函式,compoentdidmount元件已經掛載生命週期函式

=> updation(更新階段):

props:componentwillreceiveprops元件即將接收引數生命週期函式

shouldcomponentupdate元件可以更新生命週期函式

componentwillupdate元件即將更新生命週期函式

render元件渲染生命週期函式

componentdidupdate元件更新完畢生命週期函式

states:shouldcomponentupdate元件可以更新生命週期函式

componentwillupdate元件即將更新生命週期函式

render元件渲染生命週期函式

componentdidupdate元件更新完畢生命週期函式

=> unmounting(程式銷毀階段):componentwillunmount元件即將解除安裝生命週期函式

網路基礎常識

網路基礎知識 1.ip位址 1 用來標示網路中的一台主機 2 組成 網路號 主機號 3 ip位址分類 ipv4 32bit ipv6 128bit 4 ip位址型別 組成 最高位 第乙個位元組範圍 a 1 3 0 0 127 b 2 2 10 128 191 c 3 1 110 192 223 d ...

JDE 基礎常識

1jde 胖客戶端 local 有三個常用環境 dv py pd 比如dv920 開發環境 py920 測試環境 pd920 正式環境 2jde 不同的環境 用的資料庫都是 jdedb,但是所用的schema是不一樣的。dv環境 testdta,testctl py環境 crpdta,crpctl ...

html 基礎常識

水平線 html注釋 大號字型 小號字型 著重字型 斜體刪除字 下標體上標體 插入字加重語氣 用來展示不同的 計算機輸出 標籤的顯示效果 計算機 鍵盤碼打字機 計算機 樣本 定義變數 定義縮寫。定義首字母縮寫。定義位址。定義文字方向。定義長的引用。定義短的引用語。定義引用 引證。定義乙個定義專案。會...