Định tuyến & Điều hướng trong Next.js
Dynamic routes, route groups, parallel routes, intercepting routes, useRouter, Link, redirect
1Cú pháp để tạo route động trong Next.js App Router là gì?
Cú pháp để tạo route động trong Next.js App Router là gì?
Câu trả lời
Các route động trong Next.js App Router sử dụng dấu ngoặc vuông để định nghĩa các đoạn URL biến đổi. Ví dụ, [id] tạo một route bắt bất kỳ giá trị nào ở vị trí đó trong URL. Giá trị này sau đó có thể truy cập qua các tham số của trang. Quy ước này cho phép tạo các trang chung thích ứng với nội dung khác nhau mà không cần tạo file riêng cho mỗi biến thể.
2Vai trò chính của component Link trong Next.js là gì?
Vai trò chính của component Link trong Next.js là gì?
Câu trả lời
Component Link là phần tử điều hướng được khuyến nghị trong Next.js. Nó tự động prefetch các route hiển thị trong viewport và cho phép điều hướng phía client mà không cần tải lại toàn bộ trang. Khác với thẻ a thông thường, Link duy trì trạng thái ứng dụng và cung cấp các chuyển đổi mượt mà giữa các trang, cải thiện đáng kể trải nghiệm người dùng và hiệu suất.
3Cách truy cập tham số route động trong Server Component như thế nào?
Cách truy cập tham số route động trong Server Component như thế nào?
Câu trả lời
Trong Next.js App Router, Server Components tự động nhận một đối tượng params chứa các đoạn URL động. Đối tượng này được truyền như prop vào hàm component. Ví dụ, với route [id], params.id sẽ chứa giá trị được bắt. Cách tiếp cận này đơn giản hóa việc truy cập tham số mà không cần hooks phía client.
Lợi ích chính của route groups trong Next.js là gì?
Sự khác biệt giữa useRouter và usePathname là gì?
+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
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
TypeScript với React
Data Fetching trong Next.js
Server Actions 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í