Server Actions ของ Next.js
Server Actions, useFormState, useFormStatus, mutations, การปรับปรุงแบบก้าวหน้า, การตรวจสอบใหม่
1Server Action ใน Next.js คืออะไร?
Server Action ใน Next.js คืออะไร?
คำตอบ
Server Action คือฟังก์ชัน async ที่ทำงานบนเซิร์ฟเวอร์เท่านั้นและสามารถเรียกใช้โดยตรงจาก component Client หรือ Server ได้ มันจัดการ mutations ข้อมูล (POST, PUT, DELETE) โดยไม่ต้องสร้าง API route อย่างชัดเจน Server Actions ทำให้โค้ดง่ายขึ้นโดยหลีกเลี่ยงการซ้ำกันของ API route + การเรียก fetch ฝั่ง client
2วิธีประกาศ Server Action ในไฟล์แยกคืออะไร?
วิธีประกาศ Server Action ในไฟล์แยกคืออะไร?
คำตอบ
เพื่อสร้าง Server Action ในไฟล์แยก ให้เพิ่ม directive 'use server' ที่ด้านบนของไฟล์และ export ฟังก์ชัน async วิธีนี้แนะนำเพื่อการนำกลับมาใช้ใหม่และการแยกความรับผิดชอบ จากนั้นฟังก์ชันสามารถ import เข้าใน component Client หรือ Server ใดก็ได้
3ความแตกต่างระหว่าง Server Action และ API route คืออะไร?
ความแตกต่างระหว่าง Server Action และ API route คืออะไร?
คำตอบ
Server Actions สามารถเรียกใช้ได้โดยตรงจาก component โดยไม่ต้องสร้าง REST endpoint อย่างชัดเจน ในขณะที่ API routes ต้องการการเรียก HTTP (fetch) Server Actions ทำให้โค้ดง่ายขึ้นโดยหลีกเลี่ยงการซ้ำกันของ route + การเรียก client เหมาะสำหรับ mutations ง่ายๆ แต่ API routes ยังคงมีประโยชน์สำหรับ public endpoints หรือ webhooks
วิธีใช้ Server Action ในฟอร์ม HTML คืออะไร?
Server Action รับข้อมูลประเภทใดจากฟอร์ม?
+17 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React / Next.js อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
React Hooks
วงจรชีวิตของ component
React Router
การจัดการ state ด้วย Context
ฟอร์มและ Controlled Components
การดึงข้อมูลและ API
React Query (TanStack Query)
Styling & CSS-in-JS
พื้นฐาน Next.js
TypeScript กับ React
การดึงข้อมูล Next.js
การกำหนดเส้นทางและการนำทางใน Next.js
API Routes ใน Next.js
Metadata & SEO ใน Next.js
Middleware และ Auth ใน Next.js
การทดสอบ React
Zustand State Management
การเพิ่มประสิทธิภาพ React
Error Boundaries & การจัดการข้อผิดพลาด
Advanced React Patterns
ฟีเจอร์ขั้นสูงของ Next.js
การ Deploy & Production ของ Next.js
Architecture & Design Patterns
React Server Components
การแปลภาษา Next.js
React ความปลอดภัย & แนวปฏิบัติที่ดีที่สุด
เชี่ยวชาญ React / Next.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี