aitojyounetu(Lv.182)React 学習レッスン IV入力チェックをしよう8. エラーメッセージの作成 より https://prog-8.com/react/study/4/8#/24 目的 入力チェックをして、入力が空かどうかのチェックとstateの更新を行おう。 目標 Eメールアドレス未入力の場合…

入力値をstateで管理しよう Reactを使ってフォームを作る フォームの条件 point・stateと入力値を紐づける・inputタグのvalue属性にstateの値を指定する isSubmittedの下に、stateのemailを追加する value属性の指定 value属性を指定することで、指定した値…

ボタン押すと表示が切り替わる onSubmitとstateの更新 手順 １.handleSubmitメソッドを定義 2.handleSubmitメソッドの処理部分に注目。「this.setState」を用いて、stateのisSubmittedをtrueに更新。ここでhandleSubmitメソッド定義は完成 3.formタグに、onS…

中央部分に出現したPOP UP画面,通称モーダル(Modal)を表示させる Progate ReactⅢ モーダルを表示する より ざっくりと作業手順をメモする stateを変更する メソッドを定義handleClickLessonメソッドを定義するhandleClickLessonメソッドの定義部分で、「hand…