NextJS:无法在自定义应用程序组件(withTypescript)中设置setState

时间:2019-01-28 16:10:37

标签: reactjs typescript next.js

我正在尝试在自定义App组件的逻辑中添加一些状态,请注意我正在使用Typescript:

class MyApp extends App<any> {
  static async getInitialProps({ Component, ctx }) {}

  constructor(props) {
    super(props)
    this.state = { initializing: true }
  }

  componentDidMount() {
    if (logic) this.setState({ initializing: false })
  }

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

    if (this.state.initializing) return <span>Initializing...</span>

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

但是打字稿对此抱怨:

Property 'initializing' does not exist on type 'Readonly<{}>'

在此行

if (this.state.initializing) return <span>Initializing...</span>

我试图这样声明我的自定义App组件:

class MyApp extends App<any, any> {}

但是似乎不受支持。

请帮助。

0 个答案:

没有答案