Question 1

Cú pháp đúng để định kiểu props của component React là gì?

Accepted Answer

Interface Props theo sau là việc định kiểu hàm với Props làm tham số là cú pháp chuẩn được khuyến nghị. Cách tiếp cận này cung cấp suy luận kiểu xuất sắc và cho phép tái sử dụng dễ dàng kiểu Props ở các nơi khác trong code. Nó rõ ràng hơn React.FC và cho phép kiểm soát tốt hơn việc định kiểu children.

Question 2

Cách định kiểu đúng cho state đơn giản với useState?

Accepted Answer

TypeScript tự động suy luận kiểu state từ giá trị khởi tạo được truyền vào useState. Với giá trị đơn giản như string, không cần chỉ định rõ ràng kiểu generic. Suy luận tự động là đủ và làm cho code ngắn gọn hơn. Định kiểu tường minh chỉ hữu ích cho union hoặc khi giá trị khởi tạo là null.

Question 3

Kiểu đúng cho sự kiện onClick trên một button là gì?

Accepted Answer

React.MouseEvent<HTMLButtonElement> là kiểu cụ thể cho các sự kiện click trên button. Tham số generic HTMLButtonElement chỉ định phần tử DOM liên quan, cho phép truy cập các thuộc tính cụ thể của button qua event.currentTarget. Sử dụng MouseEvent của DOM native hoặc kiểu quá chung sẽ mất đi độ chính xác trong định kiểu.

TypeScript với React

Cú pháp đúng để định kiểu props của component React là gì?

Câu trả lời

Cách định kiểu đúng cho state đơn giản với useState?

Câu trả lời

Kiểu đúng cho sự kiện onClick trên một button là gì?

Câu trả lời

Kiểu nào để định kiểu children của component wrapper?

Sự khác biệt chính giữa React.FC và định kiểu trực tiếp là gì?

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

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

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