
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React Contextを用いてデータを楽に扱う - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React Contextを用いてデータを楽に扱う - Qiita
Contextとは Reactにはローカルでデータを一時的に保管できる場所として、stateと呼ばれるものがあるか... Contextとは Reactにはローカルでデータを一時的に保管できる場所として、stateと呼ばれるものがあるかと思います。しかしプロジェクトが大きくなったり、小さいプロジェクトでも複数のコンポーネントで同じデータ(state)を扱いたいとき、stateをpropsを用いて各コンポーネントに配送する作業をせねばなりません。このデータの配送作業の面倒な部分は、データを使わないコンポーネントにも場合によっては中継する必要があり、コード量が増えてしまうことになります。(自分を困惑させるようなコードが増えます) ここで登場してのがContextAPIと呼ばれるものです。このCotextAPIというものを用いれば従来のstateではなく、contextというデータ保管庫を全てのコンポーネントの中央に置くことができます。このcontextはイメージとしてはハブ空港のようなもので、あるデータを使いたい