本文へ移動
verified onnext@16.3.5react@19
最終検証日 2026-09-26
Next.js道場

Q-FS-001●●●○○next@16.3.5実機検証済

問い合わせフォームで、送る前にメールアドレスの形を確かめたくなりました。メール送信のファイルに isEmail があったので、フォームから読み込みました。フォームが使っているのは isEmail だけです。ビルドするとどうなりますか。

app/form.tsx
Buildで実行'use client'
 
Browserで実行import { isEmail } from '../lib/mail'
 
Browserで実行export function Form() {
Browserで実行 return <input onChange={(e) => console.log(isEmail(e.target.value))} />
Browserで実行}

つぎに