高次成分のデコレータ

高次成分のデコレータ

 

 簡略化する機能部品の使用を注意してください！

インポートは「反応」からリアクト。

// 1组件原型
REGをReact.Component {拡張するクラス
    レンダリング（）{ 
        リターン <_regサービス= {サービス} />。
    } 
} 

// 2匿名组件 
CONSTレッグ= クラス延びReact.Component { 
    レンダリング（）{ 
        リターン <_regサービス= {サービス} />。
    } 
} 

// 3提参数
機能注入（COMP）{
     戻りクラス延びReact.Component { 
        レンダリング（）{ 
            リターン <コンプサービス= {サービス} />。
        } 
    } 
} 

// 继续提参数
機能（サービス、COMP）{注入
     リターンクラスが延びるReact.Component { 
        レンダリング（）{ 
            リターン <コンプサービス= {サービス} />。
        } 
    } 
} 

// 4つの小道具
関数注入（OBJ、COMP）{
     戻りクラスが延びるReact.Component { 
        レンダリング（）{ 
            リターン <コンプ{... OBJ} />。
        } 
    } 
} 

// 5柯里化
関数注入（OBJ）{
     関数ラッパー（COMP）{
         戻りクラスはReact.Componentが{延び
            レンダリング（）{ 
                リターン <コンプ{... OBJ} />。
            } 
        } 
    } 
    戻りwarpper; 
} 

// 変形関数簡略化の矢印+ V1の 
CONSTは=注入するOBJ =>コンプ=> { 
    クラス{React.Componentは延び
        {）（レンダリング
            戻り <OBJコンプ{...} />;
         } 
    } 
} 

// 変更機能簡略化の矢印+ +単純化した機能コンポーネントV2の 
CONST =注入するOBJ =>コンプ=> {
     リターン（）=> <OBJコンプ{...} />;
 } 

// 最後に 
CONST =注入するOVjを=>コンプ=> =小道具> <OBJコンプ{...} />; 
CONST =注入するOVj =>コンプ=> =小道具> <OBJコンプ... {{...}}小道具/>。