Javascript 如何设置文档'；每页的标题是什么？_Javascript_Reactjs_Next.js

Javascript 如何设置文档'；每页的标题是什么？

javascript reactjs next.js

Javascript 如何设置文档'；每页的标题是什么？,javascript,reactjs,next.js,Javascript,Reactjs,Next.js,通过设置如果可能，它是否会覆盖或合并pages/\u document.js中已设置的内容？您想使用下一个/head组件： import Head from 'next/head' export default () => <div> <Head> <title>My page title</title> <meta name="viewport" content="

通过设置

如果可能，它是否会覆盖或合并

pages/\u document.js

中已设置的内容？

您想使用

下一个/head

组件：

import Head from 'next/head'

export default () =>
  <div>
    <Head>
      <title>My page title</title>
      <meta name="viewport" content="initial-scale=1.0, width=device-width" />
    </Head>

    <p>Hello world!</p>
  </div>

从“下一个/头部”导入头部
导出默认值（）=>
我的页面标题
你好，世界

查看文档：

document.title=“insert title here”好的，我认为有一种特定于Next.js的方法。可能有，但我相信通用js在这里可以正常工作。好的。但是当我测试它时，如果你在Head中设置一个标记，在一个页面中，例如标题，你必须为所有其他页面设置它，因为它只会取消设置你在_document.js中为标题设置的内容。不要对不同页面上更改的内容使用

\u document.js

。创建布局构件并将标题作为属性传入。然后将页面包装在该布局中。github上的

next.js

存储库有很多例子。你应该看看。关于标题，请特别看这一条：好的，我知道了，谢谢

const ContactPage = () => {
  return (
    <div>
      <Head>
        <title>You better contact us!</title>
      </Head>

      <div className="page-body">...</div>
    </div>
  )
}

import Head from 'next/head'

export default () =>
  <div>
    <Head>
      <title>My page title</title>
      <meta name="viewport" content="initial-scale=1.0, width=device-width" />
    </Head>

    <p>Hello world!</p>
  </div>