コンテキストの使用
コンポーネントを介して明示的に渡すことなく、子コンポーネントにデータを渡すためにコンテキストを使用します(プロップドリリングとして知られています)。コンテキストは、スタイル情報、アプリケーションの状態、または現在ログインしているユーザーなど、アプリケーション全体でコンポーネントに必要なデータを共有するのに役立ちます。
コンテキストを使用するコードは3つの部分に分かれています
createContextId()
: これにより、コンテキストのシリアライズ可能なIDが作成されます。このIDがアプリケーション内で一意であることを確認してください。useContextProvider()
: 親コンポーネントでこのメソッドを呼び出して、コンテキスト値を公開します。このコンポーネントの子(および孫)はすべて、コンテキストを取得できます。useContext()
を使用してコンテキストを取得し、任意のコンポーネントで使用します。
この例では、<Items>
コンポーネントに TodosStore
を渡したいと考えています。useContext()
を使用して値を取得するようにコードを更新します。
コンテキストは通常ストアであり、そのためシリアライズ可能である必要があります。
チュートリアルの編集