コンテキストの使用

コンポーネントを介して明示的に渡すことなく、子コンポーネントにデータを渡すためにコンテキストを使用します(プロップドリリングとして知られています)。コンテキストは、スタイル情報、アプリケーションの状態、または現在ログインしているユーザーなど、アプリケーション全体でコンポーネントに必要なデータを共有するのに役立ちます。

コンテキストを使用するコードは3つの部分に分かれています

  • createContextId(): これにより、コンテキストのシリアライズ可能なIDが作成されます。このIDがアプリケーション内で一意であることを確認してください。
  • useContextProvider(): 親コンポーネントでこのメソッドを呼び出して、コンテキスト値を公開します。このコンポーネントの子(および孫)はすべて、コンテキストを取得できます。
  • useContext() を使用してコンテキストを取得し、任意のコンポーネントで使用します。

この例では、<Items> コンポーネントに TodosStore を渡したいと考えています。useContext() を使用して値を取得するようにコードを更新します。

コンテキストは通常ストアであり、そのためシリアライズ可能である必要があります。

チュートリアルの編集