首先來說一下什麼是react元件，它其實是頁面上的一部分，例如標題、搜尋框、按鈕等都可以是乙個元件。react的元件又分為函式元件
和class元件。
函式元件定義可以如下：
這是乙個函式元件，它的本質其實是j**ascript函式。它接收唯一帶有資料的「props」（代表屬性）物件與並返回乙個react元素。
class元件定義可以如下：
這是class元件，與上面的函式元件在react裡是等效的。
還可以自定義元件：
通過reactdom.render()的方法來將react元素渲染到頁面上、自定義元件中的name 屬性通過props.name來獲取、在新增屬性時，class屬性需要寫
成classname，for屬性需要寫成htmlfor，這是因為class和for 是j**ascript的保留字。
渲染元件：
基本渲染，即將變數的值直接顯示在頁面上：
列表渲染，則要設定key屬性確定唯一標識：
條件渲染：
在class元件中，首先它是繼承react.component，並且擁有乙個render函式，render函式就表示class元件的渲染，每次渲染都要呼叫該函式。
react元件渲染原理
jsx 經過babel編譯成react.createelement的表示式。element在react裡，是組成虛擬dom 樹的節點，用來描述在瀏覽器上看到什麼。它的引數有三個 1 type 標籤 2 attributes 標籤屬性，沒有的話，可以為null 3 children 標籤的子節點 e....
react 八 父元件渲染，子元件不渲染
父元件渲染，子元件跟著渲染，不論引數是否變化，這是個坑 解決思路 步驟一 將html內容新增到狀態變數 constructor 步驟二 在render中將html替換成狀態變數 步驟三 觸發子元件渲染時，設定狀態變數 handlescroll 底部元件響應樣式 scrolltop 900?local...
react更新渲染及渲染原理
觸發元件的更新有兩種更新方式 props以及state改變帶來的更新。本次主要解析state改變帶來的更新。整個過程流程圖如下 1 一般改變state，都是從setstate開始，這個函式被呼叫之後，會將我們傳入的state放進pendingstate的陣列裡存起來，然後判斷當前流程是否處於批量更新...