アプリFW/ライブラリ▸React

React: props と state（useState）

hands-on所要 25分最新草稿

意味グラフ（この教材と内容的に近い教材・1ネスト）

例え（Analogies）

props/state＝手渡しメモとホワイトボード

propsは親から渡される「手渡しメモ」(書き換え不可)、stateは自分の「手元のホワイトボード」(書き換えて画面を更新)。

概要

📍 app-frameworks ▸ React ▸ props と state ｜種別: hands-on ｜ facts_as_of 2026-06（React 19）

公式ドキュメント — hands-on

🎞 スライド

—

出典（sources）

react.dev (Passing Props / State) ; React 19 / 2026-06確認

確認問題（Review-Questions）

stateを更新する正しい方法は？択一

基礎公式

解答・解説▾ 開く

setter（setState/setCount等）を使う。直接代入しない。

props と state の違いを述べよ。記述

基礎概要

解答・解説▾ 開く

propsは親から渡る読み取り専用データ、stateはコンポーネントが持つ可変データ。

よくある誤解	正しい理解
stateを直接書き換えれば更新される	setter（setCount等）で更新する（直接代入は再描画されない）
props を子で書き換えてよい	props は読み取り専用（変えたい値は state に持つ／親で更新）
props と state は同じもの	props＝親から渡る／state＝自分が持つ可変データ

症状	原因	復旧
画面が更新されない	stateを直接書き換え	setter（setCount等）を使う
propsを変えようとした	propsは読み取り専用	stateに持つ or 親で更新