LemonPasta https://blog.hatena.ne.jp/LemonPasta/ 開発日誌 https://journal.manasas.dev/ tech React form React Hook Formとreact-dropzoneを組み合わせた時にバリデーションを発火させるのに手間取ったのでメモ。知ってれば難しいことはない。 Next.jsのAPIでnodemailerを使ってメールを送るのアップデート版 textareaのinputをメール送信するだけの機能に、下記の要素を追加 選択肢を追加 ファイルのアップロードを追加（pdfに制限する） バリデーションを追加 機能の実現のために、下記のライブラリを追加した React Hook Form: form項目増えるので管理のため react-dropzone: ファイルアップロードをドラッグ＆ドロップで実現した… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fjournal.manasas.dev%2Fentry%2F2023%2F05%2F31%2F223743" title="React Hook Formとreact-dropzoneとZodでファイルアップロードフォームを作って、nodemailerでファイルをメール送信する - 開発日誌" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-05-31 22:37:43 rich https://journal.manasas.dev/entry/2023/05/31/223743 1.0 100%