javascript - 类型 'ref' .ts(2339) 上不存在属性 'A' - React，TypeScript

Question

错误:

Property 'ref' does not exist on type 'A'.ts(2339)

这是我的源代码

export default class A extends React.PureComponent<Props, State> {
  constructor(props: Props) {
    super(props);

    this.ref = React.createRef(); << ERROR HERE

如何定义 A 的类型解决错误？

Answer 1

您必须声明 ref类体中的变量。

export default class A extends React.PureComponent<Props, State> {
   ref: React.RefObject<HTMLInputElement>;

   constructor(props: Props) {
      super(props);

      this.ref = React.createRef();
   }
}

或者基本上删除构造函数并将逻辑移到外面。

export default class A extends React.PureComponent<Props, State> {
  ref = React.createRef();