記事一覧
まず、症状を切り分ける
エラー全文を残し、再現する最小の操作を決めます。修正後も同じ操作で結果を確認してください。
検索フォームで学ぶReact：入力のstate・確定した条件・子へのprops
検索ボタンで確定する仕様を、Reactのstateとpropsでどう実装するか。入力ごとに絞る方式への変更方針と、実際の教材検索の設計・検証記録を読めます。
【解決】Reactでpropsがundefinedになる・更新されない原因と対処法
Reactでpropsがundefinedになる・値が変わらない原因を解説。親から正しく渡せていないケース・デフォルト値の設定・オプショナルな型定義・初回レンダリング時の対処まで実例付きで説明します。
【解決】useEffectでasync/awaitを使う正しい方法と注意点
useEffectに直接asyncを付けてはいけない理由と、正しいasync/awaitの書き方を解説。内部関数として定義する方法・クリーンアップとの組み合わせ・競合状態（race condition）の防ぎ方まで実例付きで説明します。
【解決】Objects are not valid as a React child エラーの修正方法
ReactのObjects are not valid as a React childエラーを解説。オブジェクトをそのまま描画した際の原因と、変換・条件分岐・プロパティ参照による解決方法を説明します。
【解決】TypeScript × React でよくある型エラー集：原因と修正パターン
TypeScript + Reactでよく遭遇する型エラーを解説します。propsの型定義・イベントハンドラの型・useStateの型引数・children・非同期の型推論など実務頻出パターンをまとめました。
【解決】useEffectの無限ループ：依存を消す前に確認する5つの原因
useEffectの無限ループを、state更新と依存値の変化に分けて診断します。不要なEffect、オブジェクト参照、コールバック、親子の更新連鎖を修正し、StrictModeとの違いも確認します。
【解決】Each child in a list should have a unique key エラーの修正方法
ReactのEach child in a list should have a unique 'key' propエラーを解説。keyが必要な理由・正しいkeyの選び方・indexをkeyにしてはいけないケースを実例付きで説明します。
【解決】Cannot read properties of undefined/null エラーの原因と修正
ReactでよくあるCannot read properties of undefinedエラーを解説。非同期データの読み込み前アクセス・undefinedなpropsなど原因別に修正方法を示します。
【解決】Maximum update depth exceeded：発生場所から更新ループを調べる
Maximum update depth exceededを、レンダー中・Effect・親子間の更新に切り分けて診断します。Too many re-rendersとの違い、再現の縮め方、修正後の確認手順を解説します。
Reactコンポーネントの基本：JSXと関数コンポーネントを理解する
Reactの基本単位であるコンポーネントの作り方を解説します。JSXの書き方から関数コンポーネントの定義、propsの受け渡し、childrenの使い方まで実例付きで学べます。