コンテクストで深くデータを受け渡す – React

通常、親コンポーネントから子コンポーネントには props を使って情報を渡します。しかし、props を多数の中間コンポーネントを経由して渡さないといけない場合や、アプリ内の多くのコンポーネントが同じ情報を必要とする場合、props の受け渡しは冗長で不便なものとなり得ます。コンテクスト (Context) を使用することで、親コンポーネントから props を明示的に渡さずとも、それ以下のツリー内の任意のコンポーネントが情報を受け取れるようにできます。 このページで学ぶこと “props の穴掘り作業 (prop drilling)” とは何か コンテクストを使って props の冗長な受け渡しを解消する方法 コンテクストの一般的な用途 コンテクストの代替手段 props の受け渡しに伴う問題 props の受け渡しは、UI ツリー内でデータを取り回してそれを必要とするコンポーネントに