React HOC

🌟 https://ko.reactjs.org/docs/higher-order-components.html
こうじそし

類似キャラクタHookが出現し、使用頻度は

減少した.

コンポーネントロジックを再利用可能な技術(応答を除く)

HOC = function(컴포넌트){ return 새로운컴포넌트; }

部品受入支柱、UI返却、HOC受入部品、新部品返却
+)propsを伝達するために以前使用されていたwithRouterもHOC(通常は付加関数付きHOC)

である.
1.使用方法

Cross-Cutting Concerns(横方向の注目点;特定の時点で類似のことをする)

を使用

元のコンポーネントを変更することなく、組合せ

を使用できます.

受け取った道具(関係ない道具)

を汚染しないでください

新しく作成されたコンポーネントの簡単な名前

2.注意事項

render関数で

を無効にします.

パラメータを使用して静的メソッドをコピー
->NonResactStatic関数の選択またはstaticメソッドの個別エクスポートを使用して、

を使用します.

import hoistNonReactStatic from 'hoist-non-react-statics';
function enhance(WrappedComponent){
  class Enhance extends React.Component { /*..*/ }
  hoistNonReactStatic(Enhance, WrapperComponent);
  return Enhance;
}

Refが通過できない->React.forwardRef()