2020年12月4日のブックマーク (1件)

  • React Context で複数のコンポーネント間でデータを共有する

    Context とはReact の Context(コンテクスト) は、いわゆるグローバル変数の格納領域のようなもので、複数のコンポーネント間でのデータ共有に使用できます。 各コンポーネントから Context 情報にダイレクトにアクセスできるため、prop のように上位のコンポーネントから情報を伝搬させていく必要がありません。 Context をむやみに使うと、コンポーネントの再利用性が下がってしまいますが、アプリケーション全体で使用する次のような情報を Context で管理するとコードがすっきりします。 ログイン中のユーザー情報(認証情報)言語設定テーマ設定Context の使い方Context を作成する (createContext)Context オブジェクトは、React.createContext() で作成することができます。 複数のコンポーネントから参照することになるの

    React Context で複数のコンポーネント間でデータを共有する
    nikezono
    nikezono 2020/12/04