nextjs getInitialProps() 没有将道具传递给类组件

Question

我得到空结果。我做错了什么？

indx.js：

export default class Home extends React.Component {

  static async getInitialProps(ctx) {

    const test = 'test 123'

    return {props: {test: test}}
  }

  render() {
    console.log(this.props.test)
    return (
      <>
        <h1>{this.props.test}</h1>
      </>
    )
  }
}

_app.js：

function MyApp({ Component, pageProps }) {
 return (
    <Component {...pageProps} />
  )
}

export default MyApp

在 'console.log' 上获取 undeifend 并且 'h1' 是 emtpy

Answer 1

你应该 return 组件的 props 而不是将它放在另一个 props 对象中。 Read the Docs

static async getInitialProps(ctx) {
  const test = 'test 123';
  return { test };
}