#useState

初級reacterror

【解決】Maximum update depth exceeded エラーの原因と修正方法

ReactのMaximum update depth exceededエラーを解説します。useEffectの無限ループ・setStateの連鎖・イベントハンドラの誤用など原因別に修正コードを示します。

2024-03-01

中級reacthooks

useStateの完全ガイド:関数型更新・配列・オブジェクトの正しい扱い方

ReactのuseStateを完全解説します。型推論・関数型更新・オブジェクト・配列のイミュータブルな更新方法・複数stateの使い分けまで、実務で使えるパターンを実例付きで学べます。

2024-02-01

初級reactuseState

stateとuseState:クリックで選択キャラを切り替える

useStateでキャラクター選択状態を管理する実装を通じて、stateの概念・更新関数・再レンダリングの仕組みを対話形式で解説。

2025-01-15

初級reactbeginner

ボタンを押すと変わる:stateとイベントを学ぼう

useStateとonClickで画面に動きをつける方法を小学生向けに解説。カウンターやいいねボタンを作り、条件によって見た目を変える書き方まで体験しながら学びます。

2026-06-21

初級reactbeginner

おみくじ&ガチャを作ろう(ランダムに挑戦)

ボタンを押すと結果がランダムに変わるおみくじとガチャを作る回。乱数の作り方とstate・配列を組み合わせて、引くたびに結果が変わるアプリを小学生向けに解説します。

2026-06-21

初級reactbeginner

じゃんけんゲームを作ろう(勝ち負けを判定)

コンピュータとじゃんけんできるゲームを作る回。自分の手をボタンで選び、相手の手を乱数で決めて、勝ち・負け・あいこを判定する方法を小学生向けに解説します。

2026-06-21

中級reacttypescript

useState・useRef・useReducerの型定義:TypeScriptで正しく型をつける

TypeScriptでReact HooksのuseState・useRef・useReducerに型をつける方法を解説。型推論が効くケース・明示が必要なケース・useRefのnull初期値問題・useReducerのaction型定義まで実例付きで説明します。

2024-04-12