React のコンテキスト ラッパー

コンポーネントがアプリケーション コンテキストに直接アクセスできないようにします!

React の コンポーネント の概念は、再利用 に基づいています。 理想的なコンポーネントは、変更を加えることなく、どのようなアプリケーションでも動作する必要があります。コンポーネント ライブラリはその好例です。高度にカスタマイズ可能なパーツを提供します。

そこまで高度なレベルには達していませんが、アプリケーション間で簡単に転送できる再利用可能なコンポーネントを作成できます。鍵は、現在のアプリケーションのコンテキストやビジネス ルールの特殊性からコンポーネントを保護する適切な設計戦略にあります。

この戦略は コンテキスト ラッパー として知られています。 これは、コンテキストを必要とするコンポーネントの 1 レベル上のコンテキストを分離し、props.

を介してデータを渡すことで構成されます。

このようにして、コンポーネントの移行中に、通常はコンポーネントまたはターゲット アプリケーションのコンテキストを変更する必要がある一般的な問題が回避されます。このアプローチでは、コンポーネントをコピーして使用し、必要な props を提供します。

Context Wrapper は、正しく管理しないと開発が複雑になる可能性があるコンポーネント サブクラスを生成する可能性があるため、Context Wrapper が最も洗練されたソリューションではないことを認めます。 このトピックについては、今後の出版物で取り上げる予定です。

以上がReact のコンテキスト ラッパーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。