React + TypeScript + Ant Designでお問合せフォームを作る - Qiita

はじめに 本記事は、 「フロントエンドの開発効率を向上するヒントを教え合おう！」イベントの参加記事です。 前回、Reactの環境構築からAnt Designを適用させるところまで行いました。 今回はそこからお問合せフォームを簡単に作成していきたいと思います。 要件を決める とりあえずお問合せフォームの例として、 「名前」、「性別」、「年齢」、「メールアドレス」、「都道府県」、「お問合せ内容」 これらを作成したいと思います。 以下のようなお問合せフォームを目指します。 お問合せフォームを実装する 前回と同じようにApp.tsxの中身を書き換えていきます。 それでは、細かい実装について順番に解説をしていきます。 ※一番最後に完成版のソースコードを載せておきますので良くわからなくなったら、 そちらを見ていただいても良いかと思います。 まずはFormタグでお問合せフォームの大枠を作っていきます。