Dalam direktori Next.js 13的app, saya melihat dalam dokumentasi rasmi bahawa mereka telah meninggalkan kaedah kepala lama untuk menggunakan metadata, yang saya fikir hanya boleh digunakan pada halaman atau reka letak.
Saya ingin menukar tajuk berdasarkan nilai status, bagaimana saya boleh melakukannya? Objek dalam metadata berada di luar komponen, jadi saya tidak boleh merujuknya.
import type { Metadata } from 'next';
export const metadata: Metadata = {
title: 'Home',
description: 'Welcome to Next.js',
};
export default function Page() {
return '...';
}
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jika mengikut "state" anda bermaksud sesuatu yang serupa dengan "useState", maka ini tidak mungkin. Kerana
metadata仅适用于服务器组件，而useStatehanya boleh digunakan dalam komponen pelanggan. Dokumen berkata : p>Untuk halaman biasa, anda biasanya tahu metadata yang ingin anda pulangkan, jadi objekmetadata 对象应该足够了。如果页面是动态的，则有
元数据generateMetadatasepatutnya mencukupi. Jika halaman itu dinamik, terdapat generateMetadata ：Berikut ialah contoh penetapan tajuk secara dinamik:
// app/products/[id]/page.tsx export async function generateMetadata({ params, searchParams }) { // read route params const id = params.id; // fetch data const product = await fetch(`/api/products/${id}`).then((res) => res.json()); // return a dynamic title return { title: product.title, }; } export default function Page() { return '...'; }