Question 1

Context API trong React là gì?

Accepted Answer

Context API là cơ chế tích hợp trong React cho phép chia sẻ dữ liệu giữa các component mà không cần truyền props một cách tường minh qua từng cấp. Nó giải quyết vấn đề prop drilling bằng cách tạo state toàn cục có thể truy cập bởi tất cả các component con. Context đặc biệt phù hợp với dữ liệu ít thay đổi như theme, ngôn ngữ, hoặc thông tin người dùng đã xác thực.

Question 2

Hàm nào được dùng để tạo một Context mới?

Accepted Answer

Hàm createContext là phương thức gốc của React để khởi tạo một context mới. Nó chấp nhận giá trị mặc định tùy chọn sẽ được sử dụng nếu một component sử dụng Context mà không có Provider cha. Hàm này trả về một đối tượng chứa Provider và Consumer, mặc dù Consumer hiếm khi được dùng với các hook hiện đại.

Question 3

Hook nào được dùng để sử dụng giá trị của một Context?

Accepted Answer

Hook useContext cho phép các component con đọc giá trị được cung cấp bởi Provider gần nhất trong cây component. Nó thay thế API Consumer cũ hơn và cung cấp cú pháp ngắn gọn và dễ đọc hơn. Component sẽ tự động đăng ký lại các thay đổi của Context và cập nhật tương ứng.

Quản lý state với Context

Context API trong React là gì?

Câu trả lời

Hàm nào được dùng để tạo một Context mới?

Câu trả lời

Hook nào được dùng để sử dụng giá trị của một Context?

Câu trả lời

Component nào được dùng để cung cấp giá trị cho một Context?

Điều gì xảy ra nếu một component sử dụng useContext mà không có Provider cha?

Các chủ đề phỏng vấn React / Next.js khác

Nền tảng JavaScript

Nền tảng React

React Hooks

Vòng đời component

React Router

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