Next.js 13 の app ディレクトリで、メタデータを優先して古い head メソッドを放棄したことが公式ドキュメントでわかりました。ページまたはレイアウトで使用されます。
13
app
ステータス値に基づいてタイトルを変更したいのですが、どうすればよいですか? メタデータ内のオブジェクトはコンポーネントの外部にあるため、参照できません。
「状態」が「useState」のようなものを意味する場合、これは不可能です。 metadata はサーバー コンポーネントにのみ適用され、useState はクライアント コンポーネントでのみ使用できるためです。ドキュメント には と記載されています: p>
metadata
useState
通常のページの場合、どのメタデータを返したいかはわかっているため、metadata オブジェクトで十分です。ページが動的である場合、generateMetadata :
generateMetadata
以下はタイトルを動的に設定する例です:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
「状態」が「useState」のようなものを意味する場合、これは不可能です。
metadataはサーバー コンポーネントにのみ適用され、useStateはクライアント コンポーネントでのみ使用できるためです。ドキュメント には と記載されています: p>通常のページの場合、どのメタデータを返したいかはわかっているため、
があります。metadataオブジェクトで十分です。ページが動的である場合、generateMetadata:以下はタイトルを動的に設定する例です:
リーリー