ฟอร์มและการตรวจสอบความถูกต้อง
React Hook Form, Formik, การตรวจสอบด้วย Yup, input แบบ controlled กับ uncontrolled, การจัดการ error
1ความแตกต่างหลักระหว่าง input แบบ controlled และ uncontrolled ใน React Native คืออะไร?
ความแตกต่างหลักระหว่าง input แบบ controlled และ uncontrolled ใน React Native คืออะไร?
คำตอบ
input แบบ controlled ถูกจัดการโดย React state ผ่าน props value และ onChangeText ทำให้ควบคุมค่าได้อย่างสมบูรณ์ตลอดเวลา ส่วน input แบบ uncontrolled ใช้ ref เพื่อเข้าถึงค่าโดยตรงโดยไม่ผ่าน React state แนะนำให้ใช้ input แบบ controlled เพราะช่วยให้การตรวจสอบแบบเรียลไทม์และการซิงค์กับ state ของแอปพลิเคชันทำได้ง่ายขึ้น
2ฮุกใดของ React Hook Form ที่ใช้ลงทะเบียน input และจัดการการตรวจสอบความถูกต้อง?
ฮุกใดของ React Hook Form ที่ใช้ลงทะเบียน input และจัดการการตรวจสอบความถูกต้อง?
คำตอบ
ฮุก useForm ของ React Hook Form คืนค่าออบเจ็กต์ที่มีหลายเมธอดและพร็อพเพอร์ตี เมธอด register ช่วยให้ลงทะเบียน input ในฟอร์มและแนบกฎการตรวจสอบเข้าไปได้ มันคืนค่า props ที่จำเป็น (onChange, onBlur, ref) เพื่อเชื่อม input เข้ากับระบบจัดการฟอร์ม
3จะกำหนด schema การตรวจสอบอีเมลด้วย Yup อย่างไร?
จะกำหนด schema การตรวจสอบอีเมลด้วย Yup อย่างไร?
คำตอบ
Yup ใช้ API แบบเชนได้เพื่อกำหนด schema การตรวจสอบ ในการตรวจสอบอีเมล ให้ใช้ yup.string() เพื่อกำหนดชนิด แล้วเชน .email() เพื่อตรวจสอบรูปแบบอีเมล และอาจใช้ .required() เพื่อทำให้ฟิลด์เป็นข้อบังคับ แนวทางแบบประกาศนี้ช่วยให้สร้างการตรวจสอบที่อ่านง่ายและนำกลับมาใช้ใหม่ได้
ใน Formik prop ใดที่ใช้กำหนดค่าเริ่มต้นของฟอร์ม?
ข้อได้เปรียบด้านประสิทธิภาพหลักของ React Hook Form เมื่อเทียบกับ Formik คืออะไร?
+15 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React Native อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
พื้นฐาน React Native
React Hooks
TypeScript สำหรับ React และ React Native
คอมโพเนนต์และ API ของ React Native
การจัดสไตล์และเลย์เอาต์ใน React Native
การนำทางใน React Native
การจัดการ State ใน React Native
Networking และ API ใน React Native
การคงอยู่ของข้อมูล
แอนิเมชัน React Native
Native Modules & Bridge
โค้ดเฉพาะแพลตฟอร์ม
สิทธิ์และ Device API
Push Notifications
การทดสอบ React Native
การ Debug React Native
Build & Deployment
Expo vs React Native Bare
การเพิ่มประสิทธิภาพ
การจัดการหน่วยความจำ
Architecture Patterns
React Native New Architecture
แนวทางปฏิบัติที่ดีที่สุดด้านความปลอดภัย
Offline-First Architecture
CI/CD React Native
Monorepo และการแชร์โค้ด
หัวข้อขั้นสูง
วงจรชีวิตแอปและการทำงานเบื้องหลัง
การยืนยันตัวตนและการจัดการเซสชัน
Monitoring & Crash Reporting
เชี่ยวชาญ React Native สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี