react (高階元件)
在react中一切皆為元件
1、類元件 2、函式元件 3、受控元件 4、 非受控元件 5、ui元件
6、容器元件 7、高階元件 8、無狀態元件
高階元件：（簡寫『hoc』）
高階元件就是乙個函式，接收乙個元件引數當做元件，返回乙個增強性的元件
高階元件返回的不再是乙個類元件，而是函式元件，當函式元件執行時，返回乙個類
在使用高階元件時，先引用高階函式，再去呼叫這個函式，把當前類名帶入函式內當引數
接收的時候，渲染頁面，在頁面上輸出結果
當使用柯里化函式時，
在別的元件引用時也可以使用
例：header元件就相當於是乙個模板，具體的內容都是高階元件產生的，經過高階元件的包裹，輸出的是乙個類
所以高階元件內容出現兩次
當前類當引數帶入高階函式時，高階函式中可以對當前類做一系列的修飾
使用場景：判斷token值是否存在
利用高階元件對跨元件傳值進行二次封裝
先建立跨元件傳值基礎部分
consumer中返回乙個函式，高階函式當把引數帶入時，進行返回，
value值是生產者產生的資料，這時就可以把value值傳入
高階元件是乙個函式，高階元件接收乙個元件當引數，返回乙個增強性元件，引用高階元件
把當前類當引數帶入。當前元件可以通過this.props進行接收
當生產者產生多條資料時，以上方法就把所有的資訊進行傳遞
所以可以再次進行二次優化，傳遞只需要的資料
利用柯里化傳多個函式，第二個函式必須要返回乙個物件
定義乙個函式，函式返回物件，函式中的引數相當於是生產者產生的資料
需要某個具體資料時 ，進行獲取就可以了
高階元件獲取到的值就是在定義函式時需要的的具體的值
React高階元件
想想以前用原生和jquery的專案，上千行的code映入眼簾，瞬間有種昏死過去的衝動。難以維護，改乙個bug可能出現n個bug，真的是很痛苦。於是乎元件化成為了當前前端開發的主流技術。angular vue和react很好的幫我們實現了元件化。但是我們常常也會遇到一種情況，就是兩個元件往往有很多的重...
react高階元件
基本概念 函式可以作為引數被傳遞 函式可以作為返回值輸出 元件作為引數被傳遞，返回值是乙個元件 高階元件是乙個函式 案例 將a元件作為公共元件，bc元件作為a函式的引數，來共享顯示a元件 此處紅框是a元件，紅框裡左邊內容為b元件，右邊內容為c元件 1.建立公共的a元件 將元件a封裝成乙個函式，接收乙...
React 高階元件
高階元件 high order component,hoc 輸入 react 元件 輸出 react 元件 高階元件的作用主要是用來加強元件，通過把基礎元件拆分成很小的粒度，通過高階元件進行增強並返回，以此提高復用性。比如需要開發乙個訊息框，一開始只需要乙個模態框能夠顯示訊息就可以。後來需要多增加 ...