首頁>Program>source

我實際上正在使用 pages/_document.js   钩添加 Bootstrap   和 jQuery   在我的頁面上,順便說一句,我設置了 <Head>

export default class MyDocument extends Document {
  render() {
    return (
      <html>
        <Head>
          <title>Default title</title>
          <link rel="stylesheet" href="/static/lib/bootstrap3/css/bootstrap.min.css" />
        </Head>
        <body>
          <Main/>
          <NextScript/>
          <script src="/static/lib/jquery3/jquery-3.3.1.min.js" />
          <script src="/static/lib/bootstrap3/js/bootstrap.min.js" />
        </body>
      </html>
    )
  }
}

現在我想為我的網頁設置一个不同的標题.是否可以使用 <Head>   在 Document之外   ? 我的意思是在 <div>   像這樣:

const ContactPage = () => {
  return (
    <div>
      <Head>
        <title>You better contact us!</title>
      </Head>
      <div className="page-body">...</div>
    </div>
  )
}

如果可能的话,它会覆盖或合並已经在 pages/_document.js中設置的內容   ?

最新回復
  • 2019-8-20
    1 #

    你想使用 next/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>
    

    請參阅文件:https://nextjs.org/docs/#populating-head

  • javascript:返迴上一頁後圖像不隱藏
  • c++:像sprintf一樣的std :: string格式