Reactガイドを読んでいくその45
これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
高階 (Higher-Order) コンポーネント
元のコンポーネントを変更するのではなく、コンポジションを使うこと
HOCの中でコンポーネントの変更をしたくなってもしない事。
コンポーネントの改変を行わないといけないようなHOCは不完全な抽象化となっている状態。
HOCとコンテナコンポーネントの類似性があるものの、コンテナコンポーネントは高レベルと低レベルの責任を分離する方法。
コンテナはstateを管理してコンポーネントにpropsを渡して、渡されたコンポーネントはUIの描画などの事柄を取り扱う。
HOCはコンテナを実装の一部として利用するもの。
規則:自身に関係のない props はラップされるコンポーネントにそのまま渡すこと
HOCはコンポーネントに機能を追加するもので、propsに基づく内容は変更すべきではない。
HOCの返り値のコンポーネントはラップされたコンポーネントと似たようなインターフェースを持つ事が期待される。
明日は規則を見ていきます。
今日はここまで。