送信完了メッセージを表示しよう 3/3 【React】

ボタン押すと表示が切り替わる

onSubmitとstateの更新

手順

１.handleSubmitメソッドを定義

2.handleSubmitメソッドの処理部分に注目。「this.setState」を用いて、stateのisSubmittedをtrueに更新。ここでhandleSubmitメソッド定義は完成

3.formタグに、onSubmitイベントを追加

4.onSubmitイベントで実行する関数を指定→handleSubmitメソッドが実行されるようにする。

5.完成

 

handleSubmitメソッドを定義する

stateを更新するメソッド