在不改变基本行为的情况下进行最小的替换

根据next.js documentation ,如果要自定义 <App> ,您必须创建一个 pages/_app.js 第页,然后将修改内容放入其中。

不过,在他们的示例中有一些代码,我不知道它的目的是什么:

import React from 'react'
import App, { Container } from 'next/app'

export default class MyApp extends App {
  static async getInitialProps({ Component, router, ctx }) {
    let pageProps = {}

    if (Component.getInitialProps) {
      pageProps = await Component.getInitialProps(ctx)
    }

    return { pageProps }
  }

  render () {
    const { Component, pageProps } = this.props

    return (
      <Container>
        <Component {...pageProps} />
      </Container>
    )
  }
}

这是最小形式吗?此示例是否更改了初始行为?

换句话说,此代码是否足以扩展原始应用程序:

import React from 'react'
import App from 'next/app'

export default class MyApp extends App {}