rumr-Labo https://blog.hatena.ne.jp/rumr-Labo/ Ryojiの備忘録 https://ryoji-program.hatenablog.jp/ 画面上に表示、コントロールの設定を行う際の方法に関してのメモとなります。 ページを作成しながらメモを残すようにしておりますが、内容に誤りがある場合もあるため、ご了承ください。 useState(フック)を使った変数の状態管理 useState(フック) React関数コンポーネント内で状態を管理するための仕組み。 例として画面に表示させるデータの保持やコントロールに対してdisableなどの設定を行うときに使用する。 基本構文 const [state変数,更新用変数] = useState(初期値);例）名前の情報を画面上で状態管理する場合 function App() { const [n… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fryoji-program.hatenablog.jp%2Fentry%2F2025%2F06%2F26%2F001132" title="useStateを使った状態管理 - Ryojiの備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-06-26 00:11:32 rich https://ryoji-program.hatenablog.jp/entry/2025/06/26/001132 1.0 100%