エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
入力要素が少し違うフォームをReactで量産するときに
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
入力要素が少し違うフォームをReactで量産するときに
はじめに react-hook-form はフォームを作る際に便利なライブラリですが、フォームが複数のコンポーネン... はじめに react-hook-form はフォームを作る際に便利なライブラリですが、フォームが複数のコンポーネントに分割されていると複雑になります。 特に送信周りを担う基底コンポーネントとフォームの表示を担うフォームコンポーネントが別であるような場合はcontrolの受け渡しがprops経由ではできなくなります。 このような事例は多くはないのですが、ここではある記事投稿サイトを想定し、「記事のカテゴリを選ぶとそれに応じたフォームが表示される」ような状況を想像してみましょう。 全体設計 まず各カテゴリに対応するフォームをどんな形で作りたいかを想像しながら、最終系を設計してみましょう。 このような形になるでしょうか。 export const EngineeringForm = () => { return ( <Base> <TitleForm placeholder='UIの情報構造に合