ステータス値と一致する Next.js アプリケーション ディレクトリの動的メタデータ構成

Question

Next.js 13 の app ディレクトリで、メタデータを優先して古い head メソッドを放棄したことが公式ドキュメントでわかりました。ページまたはレイアウトで使用されます。

ステータス値に基づいてタイトルを変更したいのですが、どうすればよいですか? メタデータ内のオブジェクトはコンポーネントの外部にあるため、参照できません。

リーリー

Answer 1

「状態」が「useState」のようなものを意味する場合、これは不可能です。 metadata はサーバー コンポーネントにのみ適用され、useState はクライアント コンポーネントでのみ使用できるためです。ドキュメント には と記載されています:

通常のページの場合、どのメタデータを返したいかはわかっているため、metadata オブジェクトで十分です。ページが動的である場合、generateMetadata :

があります。

以下はタイトルを動的に設定する例です:

リーリー