Reactガイドを読んでいくその43

React

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

高階 (Higher-Order) コンポーネント

refの時にも少しでてきたHigh-OrderComponentです。
コンポートネントロジックを再利用するためのReactでの応用テクニック。
APIの一部ではなく設計パターンなので注意が必要。

高階コンポーネントはあるコンポーネントを受け取って新規のコンポーネントを返すような関数。
ここでいう関数と同じ感じ

const EnhancedComponent = higherOrderComponent(WrappedComponent);

通常コンポーネントはpropsをUIに変換するのに対して、高階コンポーネントはコンポーネントを別のコンポーネントに変換する。

高階コンポーネントはReduxでのconnectやRelayにおけるcreateFragmentContainerといったサードパーティ製のReactライブラリでは一般的なもの。

少ないですが、今日はここまで。