エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[React] useContextの使い方を改めて確認してみた | DevelopersIO
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[React] useContextの使い方を改めて確認してみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 ReactでGlobalなデータ共有を実現できるライブラリはい... こんにちは、CX事業本部 IoT事業部の若槻です。 ReactでGlobalなデータ共有を実現できるライブラリはいくつかあるのですが、React hooksで既定で使えるuseContextでも同様のことは行なえます。 今回は、useContextの使い方を改めて確認してみました。 環境 react@18.0.0 typescript@4.6.3 useContextを使ってみる useContextを使うことにより、Component treeのどの階層であっても、propsによる値の引き渡しを行うこと無く、Globalにデータの共有を行うことができます。 Context – React Function ComponentにおけるuseContextの使い方は次のようになります。 createContextでContextを作成する。defaultValueの指定は必須。 <Conte