React Router
BrowserRouter, Routes, Route, Link, useNavigate, useParams, nested routes, protected routes
1BrowserRouter trong React Router là gì?
BrowserRouter trong React Router là gì?
Câu trả lời
BrowserRouter sử dụng History API của trình duyệt để tạo URL sạch không có hash. Không giống HashRouter thêm # vào URL, BrowserRouter cung cấp trải nghiệm người dùng và SEO tốt hơn. Tuy nhiên, nó yêu cầu cấu hình máy chủ để xử lý đúng các route trong môi trường production.
2Nên dùng component nào để định nghĩa một route trong React Router?
Nên dùng component nào để định nghĩa một route trong React Router?
Câu trả lời
Component Route định nghĩa sự khớp giữa đường dẫn URL và component cần hiển thị. Nó phải được đặt bên trong component Routes để hoạt động đúng. Mỗi Route chỉ định path và element cần render khi URL khớp.
3Mục đích của component Link trong React Router là gì?
Mục đích của component Link trong React Router là gì?
Câu trả lời
Link tạo các liên kết điều hướng mà không tải lại trang. Không giống thẻ HTML native <a>, Link chặn các click và sử dụng History API để thay đổi URL. Điều này bảo toàn trạng thái ứng dụng và cung cấp điều hướng nhanh hơn, mượt mà hơn.
Vai trò của component Routes là gì?
Làm thế nào để lấy tham số URL như :id trong /user/:id?
+17 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
React Hooks
Vòng đời component
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í