エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.jsで親子関係あるいはネストされたフォームを作る
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.jsで親子関係あるいはネストされたフォームを作る
Webアプリを開発していると、親子関係のモデル構造を、1つのフォームで一括で保存・更新する処理が頻繁... Webアプリを開発していると、親子関係のモデル構造を、1つのフォームで一括で保存・更新する処理が頻繁に出てきますよね。例えばRailsでは accepts_nested_attributes_for を使ってhas-manyなフォームが簡単に作れたりします。 これをNext.jsでも親子関係あるいはネストされたフォームを作る方法を紹介します。ただし、この記事ではUIの構築ではなく、構造化されたデータを受け取るための処理についてだけ解説をします。 フォームを構造化するには? 具体的なやり方を解説する前に、そもそもRailsやPHPではどのようにしてフォームデータを構造化しているのかを紹介します。以下は、Railsが出力するフォームのHTMLです。Userが親で、Articleが子の関係性で、ユーザが複数の記事を持っています。 <form action="/users" method="pos