gpt4 book ai didi

javascript - 下一个JS : Main and Nextscript

转载 作者:行者123 更新时间:2023-11-29 20:50:37 25 4
gpt4 key购买 nike

探索 NextJS 的服务器端渲染功能。它看起来非常好并且易​​于使用。我已经探索了 _document.js 文件,我们可以包含它来覆盖默认值。我在示例中找到了以下代码:

import Document, { Head, Main, NextScript } from 'next/document'

export default class MyDocument extends Document {
render() {
return (
<html>
<Head>
<link rel="stylesheet" href="/_next/static/style.css" />
</Head>
<body>
<Main />
<NextScript />
</body>
</html>
)
}
}

现在我知道我们正在覆盖当前的 HTML 模板。但是我对 MainNextscript 的功能有点困惑。

Main 只是一个页面吗?什么是 Nextscript(哪个脚本)?

最佳答案

NextScript 类是 here

主类是 here我在下面复制了相同的内容。 Main 从 this.context._documentProps

渲染 html/errorHtml
export class Main extends Component {
static contextTypes = {
_documentProps: PropTypes.any
}

render () {
const { html, errorHtml } = this.context._documentProps
return (
<Fragment>
<div id='__next' dangerouslySetInnerHTML={{ __html: html }} />
<div id='__next-error' dangerouslySetInnerHTML={{ __html: errorHtml }} />
</Fragment>
)
}
}

您可以在自定义文档中找到实际文档 here

关于javascript - 下一个JS : Main and Nextscript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52083848/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com