本文へ移動
verified onnext@16.3.3react@19
最終検証日 2026-08-27
Next.js道場

Q-SERVER-FUNCTION-003●●○○○next@16.3.3実機検証済

Server Component の中で定義した関数を Client Component に渡しています。ビルドは通りますか。

app/page.tsx
Buildで実行import { EditPost } from '@/components/EditPost'
Buildで実行import { db } from '@/lib/stubs'
 
Serverで実行export default function Page() {
Serverで実行 async function save(name: string) {
Serverで実行 'use server'
Serverで実行 await db.user.findMany()
Serverで実行 return name
Serverで実行 }
 
Browserで実行 return <EditPost onSave={save} />
Serverで実行}

つぎに