从服务器获取数据并希望加载到客户端或服务器端组件后，如何更改页面标题？

Question

我想在导航时更新页面标题。我可以找出它的静态版本，但我们如何动态地使用它。

Exp：如果我们正在导航到某个项目并想在标题中提及该项目的名称。

我使用下面的代码来更新元数据，但想知道如何使其在页面加载时动态化？

我在服务器端组件定义之前使用下面的代码作为静态方法。

Exp：联系页面的元数据：

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Contact Us",
  description:
    "Get in touch with us using our contact list. We will get back to you as soon as possible.",
};

Answer 1

方法一：使用 JavaScript document.title 属性：该属性用于设置或返回文档的当前标题。可以通过将新标题作为字符串分配给此属性来更改页面的标题。这会将网站的标题更改为首选标题