javascript - Next Js & Typescript - 类型示例中不存在属性 setState

Question

Code 工作正常，但我不知道如何在 VSCode 中删除此错误。感谢您的帮助。

import * as React from 'react';

interface State {
  text: string;
}
export default class Example extends React.Component<State> {
 state: State = {
    text: 'SOME TEXT'
}

private handleChange = () => {
    this.setState({text: 'New Text'}); //error: property setState does not exist on type Example
}

public render(){
    return(
        <div>
        <h2 onClick={this.handleChange}>{this.state.text}</h2>
        </div>
    )
 }
}

Answer 1

首先，确保你已经安装了 react 类型定义:

npm install @types/react @types/react-dom

其次，泛型 for state 排在第二位，而不是第一位。第一个是 Prop 。

export default class Example extends React.Component<{}, State> {

查看 React 类型定义以验证这一点(转到 Component 上的定义)。 <P, S>表示 Prop ，然后是状态。

class Component<P, S> {