HOC（Higher Order Component）の役割は何ですか？

React HOC（Higher-Order Component）は、コンポーネントロジックを再利用するための高度な技術です。HOCは、コンポーネントを受け取り、新しいラッピングコンポーネントを返す関数です。HOCの主な目的は、以下のいくつかの側面です：

1. コード再利用：HOCは共通のロジックをカプセル化し、複数のコンポーネントに適用することで、重複したコードの記述を減らすことができます。
2. コンポーネントの再利用：HOCを使用することで、UIとは関係のない機能をコンポーネントに追加し、複数のコンポーネントで共有できるようにします。
3. HOCを使用すると、コンポーネントをコンテナーコンポーネントに包装することで、特定のコンポーネントから状態とロジックを分離し、コンポーネントをより簡単で再利用可能にします。
4. 条件レンダリング：HOCはいくつかの条件に基づいて特定のコンポーネントをレンダリングするかどうかを決定し、コンポーネントの表示や非表示を制御できます。

React HOCは、コンポーネントの機能や振る舞いを拡張し、コードのメンテナンス性と再利用性を向上させる柔軟かつ再利用可能な方法を提供します。