我实际上是通过设置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吗？
