Ôn tập: định tuyến
Thuộc phần Kiến thức thiết yếu về Next.js trong hành trình React của Coddy. Bài học 10 trên 47.
Thử thách
Trung bìnhÔn tập chương: biến một ứng dụng một trang thành một trang web nhỏ, sử dụng mọi kiến thức trong chương này.
- Trong
app/about/page.jsx(đã có trong danh sách tệp), hãy để component trả về một<h1>cóid="about-title"và nội dung chính xác làAbout us. - Trong
app/page.jsx, nhậpLinktừnext/linkvà thêm một liên kết đến/aboutcóid="to-about". - Đường dẫn động
app/menu/[slug]/page.jsxđã có sẵn nhưng luôn hiển thịpizza. Hãy biến component thànhasyncđể nó chờparamsvà hiển thịslugtương ứng bên trong một<h1>cóid="dish".
Các bài kiểm tra nhấp vào liên kết của bạn, sau đó truy cập hai món ăn khác nhau và mong đợi hai tiêu đề khác nhau.
Tự làm thử
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}Tất cả bài học trong Kiến thức thiết yếu về Next.js
4Máy chủ và client
Hai loại thành phầnĐọc lỗiDòng 'use client'Giữ phần client nhỏ gọnMáy chủ bên trong clientTóm tắt: máy chủ và client7Điều hướng phía máy khách
Liên kết đang hoạt độngĐiều hướng bằng codeLọc bằng URLBộ xử lý tuyến đườngÔn tập: Điều hướng2Định tuyến và liên kết
Thư mục tạo thành tuyến đườngTuyến đường lồng nhauLiên kết các trangTuyến đường độngTrang không tìm thấyÔn tập: định tuyến