React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1Hook useState trong React là gì?
Hook useState trong React là gì?
Câu trả lời
useState là một React hook quản lý state cục bộ trong một component hàm. Khác với các biến JavaScript thông thường bị đặt lại ở mỗi lần render, useState bảo tồn giá trị state giữa các lần render liên tiếp. Hook này trả về một mảng chứa giá trị state hiện tại và một hàm để cập nhật nó, tự động kích hoạt re-render component khi state thay đổi.
2Cú pháp đúng để khai báo state với useState là gì?
Cú pháp đúng để khai báo state với useState là gì?
Câu trả lời
Cú pháp đúng sử dụng array destructuring để trích xuất giá trị state và hàm cập nhật của nó. Theo quy ước, hàm cập nhật được đặt tiền tố 'set' theo sau là tên biến state theo camelCase. Quy ước này cải thiện khả năng đọc code và được áp dụng rộng rãi trong cộng đồng React. Thứ tự các phần tử trong mảng được trả về bởi useState luôn giống nhau: giá trị hiện tại trước, hàm cập nhật sau.
3Điều gì xảy ra khi gọi hàm cập nhật state?
Điều gì xảy ra khi gọi hàm cập nhật state?
Câu trả lời
Khi hàm cập nhật state được gọi, React lên lịch render lại component với giá trị state mới. Việc cập nhật không xảy ra ngay lập tức mà là bất đồng bộ, nghĩa là giá trị state không bị thay đổi ngay sau khi gọi. React gom nhóm nhiều cập nhật state để tối ưu hiệu suất và tránh kích hoạt các render không cần thiết. Chiến lược batching này cải thiện đáng kể hiệu suất ứng dụng.
Làm thế nào để cập nhật state dựa trên giá trị trước đó của nó?
Có thể dùng nhiều useState trong cùng một component không?
+19 câu hỏi phỏng vấn
Các chủ đề phỏng vấn React / Next.js khác
Nền tảng JavaScript
Nền tảng React
Vòng đời component
React Router
Quản lý state với Context
Biểu mẫu và Controlled Components
Lấy dữ liệu & API
React Query (TanStack Query)
Styling & CSS-in-JS
Nền tảng Next.js
TypeScript với React
Data Fetching trong Next.js
Server Actions trong Next.js
Định tuyến & Điều hướng trong Next.js
API Routes trong Next.js
Metadata & SEO trong Next.js
Middleware & Auth trong Next.js
Kiểm thử React
Zustand State Management
Tối ưu hiệu năng React
Error Boundaries & Error Handling
Advanced React Patterns
Tính năng nâng cao của Next.js
Triển khai & Môi trường Production với Next.js
Architecture & Design Patterns
React Server Components
Quốc tế hóa Next.js
React Bảo mật & Thực hành tốt nhất
Nắm vững React / Next.js 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í