วงจรชีวิตของ component
การ mount, update, unmount, การทำความสะอาด useEffect, อาร์เรย์ dependencies, lifecycle patterns
1Mounting ใน React component คืออะไร?
Mounting ใน React component คืออะไร?
คำตอบ
Mounting คือระยะที่ component ถูกสร้างขึ้นและแทรกเข้าไปใน DOM เป็นครั้งแรก ในระยะนี้ React จะเริ่มต้น state รันโค้ดการสร้าง และทำการ render ครั้งแรก นี่คือช่วงเวลาที่เหมาะสมในการเรียก API หรือเริ่มต้น subscription ผ่าน useEffect
2Unmounting ใน React component คืออะไร?
Unmounting ใน React component คืออะไร?
คำตอบ
Unmounting คือระยะที่ component ถูกลบออกจาก DOM และถูกทำลาย ระยะนี้เกิดขึ้นเมื่อ component ไม่จำเป็นอีกต่อไป เช่น เมื่อเปลี่ยน route หรือเงื่อนไขการ render นี่คือช่วงเวลาสำคัญในการล้างทรัพยากร: ยกเลิก timer ปิดการเชื่อมต่อ WebSocket และลบ event listener เพื่อป้องกันการรั่วไหลของหน่วยความจำ
3ฟังก์ชันที่ส่งไปยัง useEffect จะทำงานเมื่อใดโดยค่าเริ่มต้น?
ฟังก์ชันที่ส่งไปยัง useEffect จะทำงานเมื่อใดโดยค่าเริ่มต้น?
คำตอบ
โดยค่าเริ่มต้น useEffect จะทำงานหลังจากการ render ทุกครั้งของ component รวมถึงการ render ครั้งแรกและการ re-render ที่ตามมาทั้งหมด การทำงานแบบ asynchronous นี้ช่วยให้ไม่บล็อก user interface เพื่อควบคุมพฤติกรรมนี้ สามารถใช้อาร์เรย์ dependencies เป็นอาร์กิวเมนต์ที่สองเพื่อจำกัดการทำงานเฉพาะเมื่อค่าบางอย่างเปลี่ยนแปลง
อาร์เรย์ dependencies ใน useEffect มีไว้เพื่ออะไร?
การส่งอาร์เรย์ว่าง [] เป็น dependencies ให้ useEffect หมายความว่าอะไร?
+15 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React / Next.js อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
React Hooks
React Router
การจัดการ state ด้วย Context
ฟอร์มและ Controlled Components
การดึงข้อมูลและ API
React Query (TanStack Query)
Styling & CSS-in-JS
พื้นฐาน Next.js
TypeScript กับ React
การดึงข้อมูล Next.js
Server Actions ของ 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 และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี