1、高階元件：封裝
高階元件使用得是react得一種模式，增強現有元件得功能
乙個高階元件就是乙個函式，這個函式接收得是元件類作為引數得，並且返回得是乙個新元件，再返回得新元件中有輸入引數元件不具備得功能（以上提到得所有得元件都不是元件得例項，是類，輸入得這個元件也可以是無狀態元件函式）
2、高階元件意義：
重用**
可以修改現有元件得行為
3、實現高階元件得方式：**式的高階元件、繼承式的高階元件
4、**式得高階元件--屬性**
5、繼承式的高階元件--反向繼承來實現得
6、高階元件缺點：
靜態方法會丟失：
因為原始元件時被包裹再新元件中得，新元件沒有原始元件得任何靜態方法
refs屬性不能傳遞：
高階元件可以傳遞所有得props給包裹得元件com，但是有乙個屬性不行，ref，如果我們給高階元件建立得元件新增ref得話，ref指向的時最外城的容器元件，不是包裹的com元件解決方法使用react中提供的react.forwardref來獲取
反向繼承不能保證完整得子元件被解析：
元件分為class類元件和function函式元件
如果渲染的時候包含function元件的話那麼就不能操作元件的子元件了
7、高階元件可以帶給我們很大方便，規則：
props保持一致：
再使用高解元件的時候返回的元件要盡量保持和原元件的props一致
不能再函式元件上使用ref屬性，因為函式元件沒有辦法進行例項
不要以任何方式改變原始元件（第三方元件）
不要再render方法中再使用高階元件了
在使用傳值的時候要把不相關的props進行包裹起來
包裹元件顯示名字以便測試
import react, from 'react'import reactdom from 'react-dom';class hello extends component
) }}//
const testhellow =( com) =>
//// }
//render()//}
//}const testhellow =( com) =>
) }
}}let test=testhellow(hello)
class gao extends component
}reactdom.render(
,document.getelementbyid("root")
)
8 react 列表渲染 （for 迴圈）
function numberlist props return const numbers 1,2,3,4,5 reactdom.render document.getelementbyid root function listitems props const sideby items.map ...
React高階元件
想想以前用原生和jquery的專案，上千行的code映入眼簾，瞬間有種昏死過去的衝動。難以維護，改乙個bug可能出現n個bug，真的是很痛苦。於是乎元件化成為了當前前端開發的主流技術。angular vue和react很好的幫我們實現了元件化。但是我們常常也會遇到一種情況，就是兩個元件往往有很多的重...
react高階元件
基本概念 函式可以作為引數被傳遞 函式可以作為返回值輸出 元件作為引數被傳遞，返回值是乙個元件 高階元件是乙個函式 案例 將a元件作為公共元件，bc元件作為a函式的引數，來共享顯示a元件 此處紅框是a元件，紅框裡左邊內容為b元件，右邊內容為c元件 1.建立公共的a元件 將元件a封裝成乙個函式，接收乙...