Reactの「状態」という言葉の意味(state)
2024.3.12
この記事は約1分で読めます
目次
• 状態とは?
この記事の筆者:三好アキ
🔹 専門用語なしでプログラミングを教えるメソッドに定評があり、1200人以上のビギナーを、最新のフロントエンド開発入門に成功させる。
🔹 Amazonベストセラー1位を複数回獲得している『はじめてつくるReactアプリ with TypeScript』著者。
Amazon著者ページはこちら → amazon.co.jp/stores/author/B099Z51QF2
React、Next.js、TypeScriptなどのお役立ち情報や実践的コンテンツを、ビギナー向けにかみ砕いて無料配信中。登録はこちらから → 無料メルマガ登録
状態とは?
Reactでは「状態」という言葉がひんぱんに使われます。
「状態を管理する」や「状態を更新する」といったように。
日本語ではいまいち意味のつかみにくい「状態」という言葉ですが、この「状態」とは「データの状態」のことを指しています。
「アプリ内のデータの状態」です。
では「アプリ内のデータ」とは具体的に何を指すのでしょうか?
アプリが私たちユーザーに表示している「世界各地の天気」や「為替」、「料理レシピ」「口コミ」などは当然「アプリ内のデータ」です。
他にも「ユーザーがボタンをクリックしたか否か」「合計何回クリックしたか」「ユーザーがフォームに入力した文字」なども「アプリ内のデータ」に含まれます。
そして重要なポイントは、これらは時間の経過やユーザーのアクションによって常に変化していくという点です
たとえばユーザーのクリック数が今の時点では5回でも、10秒後には7回になっていることもあるでしょう。
時間の経過やユーザーの操作などによって変化するアプリ内のデータの「状態」を追跡し、管理すること。
そのためにReactではstateが使われています。
メルマガ配信中
(from 三好アキ/エンジニア)
React、Next.js、TypeScriptなど最新のウェブ開発のお役立ち情報を、ビギナー向けにかみ砕いて無料配信中。
(*配信はいつでも停止できます)