エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React Context(useContext)入門
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React Context(useContext)入門
以前解説したReact ContextのHook版チュートリアルになります。ステートレスコンポーネントにおいては、... 以前解説したReact ContextのHook版チュートリアルになります。ステートレスコンポーネントにおいては、こちらを使う方がシンプルになります。 React Contextとは Reactコンテキストを使用すると、親コンポーネントの状態変数をpropsを経由させずに引き渡すことが可能となります。シンプルかつ標準APIのため好まれています。 詳細を更に知りたい場合は、過去のContext記事を参照してください。 ベースとなるコード 例を作り上げていく形式で解説します。フォームに入力した数値がフォントサイズとして適用される例を考えてみます。 // index.js import React, { useState, createContext } from 'react'; import ReactDOM from 'react-dom'; function App() { const