Form & Validation
React Hook Form, Formik, validation với Yup, input controlled vs uncontrolled, xử lý lỗi
1Sự khác biệt chính giữa input controlled và uncontrolled trong React Native là gì?
Sự khác biệt chính giữa input controlled và uncontrolled trong React Native là gì?
Câu trả lời
Một input controlled được quản lý bởi React state thông qua các prop value và onChangeText, cho phép kiểm soát hoàn toàn giá trị bất cứ lúc nào. Một input uncontrolled dùng ref để truy cập trực tiếp giá trị mà không thông qua React state. Input controlled được khuyến nghị vì chúng tạo điều kiện cho việc validation theo thời gian thực và đồng bộ với state của ứng dụng.
2Hook nào của React Hook Form được dùng để đăng ký một input và xử lý validation của nó?
Hook nào của React Hook Form được dùng để đăng ký một input và xử lý validation của nó?
Câu trả lời
Hook useForm của React Hook Form trả về một object chứa nhiều phương thức và thuộc tính. Phương thức register cho phép đăng ký một input trong form và gắn các quy tắc validation cho nó. Nó trả về các prop cần thiết (onChange, onBlur, ref) để kết nối input với hệ thống quản lý form.
3Làm thế nào để định nghĩa một schema validation email với Yup?
Làm thế nào để định nghĩa một schema validation email với Yup?
Câu trả lời
Yup sử dụng một API có thể nối chuỗi để định nghĩa các schema validation. Để validate email, dùng yup.string() để định nghĩa kiểu, sau đó nối .email() để validation định dạng email, và tùy chọn .required() để bắt buộc trường. Cách tiếp cận khai báo này cho phép tạo các validation dễ đọc và tái sử dụng.
Trong Formik, prop nào được dùng để định nghĩa giá trị ban đầu của form?
Lợi thế hiệu năng chính của React Hook Form so với Formik là gì?
+15 câu hỏi phỏng vấn
Các chủ đề phỏng vấn React Native khác
Kiến thức cơ bản về JavaScript
Kiến thức cơ bản về React
Kiến thức cơ bản về React Native
React Hooks
TypeScript cho React & React Native
Thành phần & API React Native
Styling & Layout trong React Native
Điều hướng React Native
Quản lý State trong React Native
Networking & API trong React Native
Lưu trữ dữ liệu bền vững
Animation trong React Native
Native Modules & Bridge
Mã đặc thù theo nền tảng
Quyền & Device API
Push Notifications
Testing React Native
Debugging React Native
Build & Deployment
Expo vs React Native Bare
Tối ưu hóa hiệu suất
Quản lý bộ nhớ
Architecture Patterns
New Architecture của React Native
Các Phương Pháp Bảo Mật Tốt Nhất
Offline-First Architecture
CI/CD React Native
Monorepo & Chia sẻ mã
Chủ đề nâng cao
Vòng đời ứng dụng & Thực thi nền
Xác thực & Quản lý phiên
Monitoring & Crash Reporting
Nắm vững React Native cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí