-
代理方式的高階組件繼承自React.Component
繼承方式的高階組件繼承自它傳入的組件
查看全部 -
多個組件都需要某個相同的功能，使用高階組件減少重復實現(xiàn)
查看全部 -
裝飾器? package.json--> scripts內eject? ?
? ? npm run eject
查看全部 -
高階組件就是接受一個組件作為參數(shù)并返回一個新組件的函數(shù)。 高階組件不是組件，是一個函數(shù)。
查看全部 -
高階函數(shù)基本概念：
函數(shù)可以作為參數(shù)被傳遞
函數(shù)可以作為返回值輸出
查看全部 -
其中，使用裝飾器模式需要安裝兩個依賴：
babel-preset-stage-2
babel-preset-react-native-stage-0
還需要配置.babelrc
{
"presets": ["react-native-stage-0/decorator-support"]
}
查看全部 -
高階組件使用的兩種方式
查看全部 -
代理方式的高階組件：四種
查看全部 -
高階組件應用
查看全部 -
使用裝飾器
查看全部 -
插件查看全部
-
顯示高階組件名稱
可調試查看
查看全部 -
繼承方式的高階組件
操作props（根據(jù)子組件的渲染結果來決定props）
操作生命周期函數(shù)（修改掉原始組件的生命周期內容）
查看全部 -
代理方式的高階組件
可操作props被包裹組件的屬性的增加或刪除
被包裹組件添加ref="this.refc.bind(this)"
在高階組件中添加refc(instance){{instance.getName&&alert(instance.getName)}}
可訪問被包裹組件的任何功能，容易出問題不常用
狀態(tài)抽取
1、把受控組件的狀態(tài)和事件抽取到高階組件
2、被包括的組件就不需要這個state和事件了
包裝組件（即在高階組件用其他標簽添加任意的標簽）
查看全部 -
高階組件
方式二，裝飾器方式，開發(fā)步驟：
1、運行package.json運行eject腳本，暴露輸出配置項
2、安裝依賴
cpnm i -D babel-preset-stage-2
cpnm i -D babel-preset-react-native-stage-0
3、根目錄新建.babelrc文件
{
"presets":["react-native-stage-0/decorator-support"]
}
4、export default d(B)改成B
并直接在class上寫上@d注解
查看全部
舉報