【React】お問い合わせフォームを実装しよう - Qiita

今回はReactを使って、下図のようなお問い合わせフォームを実装していきます。 真偽値を使ったフォームの変換と入力情報の取得、エラーメッセージを実装していきます。 Reactを使えばフォームの入力やボタンのクリックに応じてリアルタイムに表示を変えることができます。 #完成図 お問い合わせ入力フォームがあり、 送信すると、 このように表示されているフォームを変換していきます。 また、入力がない場合にエラーメッセージが出力されるようにしましょう。 #雛形 完成コードになります。 要所で詳細に説明していきます。 import React from 'react'; class ContactForm extends React.Component { constructor(props) { super(props); this.state = { isSubmitted: false, ema