亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

React高級教程之高階組件

宋小玉 Web前端工程師
難度高級
時長 1小時46分
學習人數
綜合評分8.77
24人評價 查看評價
8.5 內容實用
8.8 簡潔易懂
9.0 邏輯清晰
簡介:高階組件是React 中一個很重要且比較復雜的概念,高階組件在很多第三方庫(如Redux)中都被經常使用。在項目中用好高階組件,可以顯著提高代碼質量。

第1章 課程介紹

在本章節中主要介紹開設本課程的原因,以及通過本課程可以學習到的知識,展示了本次課程最后的實戰的展示效果

第2章 高階組件介紹

在本章中,我們通過高階函數的概念,引出高階組件的的概念,并簡單介紹了高階組件在項目中的使用方式,最后通過@connect高階組件來強化理解高階組件

第3章 高階組件實現

在本章中,將會通過編寫一個簡單的高階組件,來加深對高階組件概念的理解;介紹了高階組件常用的兩種引用方式(函數傳參、class裝飾器);同時介紹了高階組件如何進行傳參,以及在被包裹的組件中如何獲取傳入的參數。

第4章 高階組件應用

在本章中,我們介紹了最常見的兩種高階組件的應用:代理方式和繼承方式的高階組件。詳細介紹了這兩種應用的區別以及應用場景。

第5章 高階組件實戰

在本章節中,我們通過create-react-app搭建本地開發環境,分解了TabBar組件的構成,抽象出TabBar組件的基本結構。接著我們實現了TabBar的靜態并布局,并且添加了點擊動作。為了更好的展示TabBar的功能,我們又給項目添加了react-router,并將react-router與TabBar完美結合,最后我們高階組件優化TabBar組件,達到一處編寫,到處使用的目的。
課程須知
1、React 高階組件的含義 2、React 高階組件的實現 3、React 高階組件的應用--代理和繼承 4、React 高階組件實戰--編寫Tabbar
老師告訴你能學到什么?
熟悉React基礎,有一定的React開發經驗

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!