Gaji-Laboブログ会社情報トップ採用情報お問い合わせ【React】郵便番号による予測機能のある住所入力コンポーネントの作成とその課題hchaki2023.7.20実践と知見Tweetフロントエンドエンジニアの茶木です。郵便番号から住所入力予測ありの住所入力コンポーネントを作成します。組み合わせて作りました。zipcloudとはhttp://zipcloud.ibsnet.co.jp/日本郵便のWebサイトで公開されている郵便番号データを再配信するサービスです。zipcloud今回使うのはAPIですが、加工済みのCSVの提供、更新の通知も行っています。形式のどちらかを受け付けます。APIの結果にあります。代わりに使うと良いでしょう。API取得結果に含まれます。中で前処理・後処理を行います。前処理APIコール前に、郵便番号形式を満たさないものを弾いて無駄なコールをせず、すぐにエラーメッセージを返すようにします。形式は正しいが、存在しない郵便番号があります。これらはAPIコール後にエラーとして判明するので、コール後にエラーメッセージを返すようにします。