TypeScript กับ React
ประเภทสำหรับ props, state, events, generics, FC type, children type, การกำหนดประเภท hooks
1ไวยากรณ์ที่ถูกต้องสำหรับการกำหนดประเภท props ของ React component คืออะไร?
ไวยากรณ์ที่ถูกต้องสำหรับการกำหนดประเภท props ของ React component คืออะไร?
คำตอบ
Interface Props ตามด้วยการกำหนดประเภทฟังก์ชันด้วย Props เป็นพารามิเตอร์เป็นไวยากรณ์มาตรฐานที่แนะนำ วิธีนี้ให้การอนุมานประเภทที่ยอดเยี่ยมและช่วยให้นำ Props type กลับมาใช้ซ้ำได้ง่ายในที่อื่นๆ ของ code มันชัดเจนกว่า React.FC และช่วยให้ควบคุมการกำหนดประเภท children ได้ดียิ่งขึ้น
2วิธีกำหนดประเภท state ง่ายๆ ด้วย useState อย่างถูกต้องคืออะไร?
วิธีกำหนดประเภท state ง่ายๆ ด้วย useState อย่างถูกต้องคืออะไร?
คำตอบ
TypeScript อนุมานประเภท state โดยอัตโนมัติจากค่าเริ่มต้นที่ส่งให้ useState สำหรับค่าง่ายๆ เช่น string ไม่จำเป็นต้องระบุประเภท generic อย่างชัดเจน การอนุมานอัตโนมัติเพียงพอและทำให้ code กระชับขึ้น การกำหนดประเภทอย่างชัดเจนจะมีประโยชน์เฉพาะสำหรับ union หรือเมื่อค่าเริ่มต้นเป็น null
3ประเภทที่ถูกต้องสำหรับ event onClick บน button คืออะไร?
ประเภทที่ถูกต้องสำหรับ event onClick บน button คืออะไร?
คำตอบ
React.MouseEvent<HTMLButtonElement> คือประเภทเฉพาะสำหรับ event การคลิกบน button พารามิเตอร์ generic HTMLButtonElement ระบุ DOM element ที่เกี่ยวข้อง ซึ่งช่วยให้เข้าถึงคุณสมบัติเฉพาะของ button ผ่าน event.currentTarget การใช้ MouseEvent ของ DOM native หรือประเภทที่ทั่วไปเกินไปจะสูญเสียความแม่นยำในการกำหนดประเภท
ควรใช้ประเภทใดสำหรับการกำหนดประเภท children ของ wrapper component?
ความแตกต่างหลักระหว่าง React.FC และการกำหนดประเภทโดยตรงคืออะไร?
+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
การดึงข้อมูล 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 และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี