只有在服务端渲染的时候才会被调用

    用来修改服务端渲染的文档内容

    一般配合三方的css-in-js来使用

    1. import Document, { Html, Head, Main, NextScript } from "next/document";
    3. class MyDocument extends Document {
    5.     static async getInitialProps(ctx) {
    6.         const props = await Document.getInitialProps(ctx)
    7.         return { ...props }
    8.     }
    9.     render () {
    10.         return <Html>
    11.             <Head>
    12.                 <style>{`.test { color: red }`}</style>
    13.             </Head>
    14.             <body className="test">
    15.                 <Main></Main>
    16.                 <NextScript></NextScript>
    17.             </body>
    18.         </Html>
    19.     }
    20. }
    22. export default MyDocument