Error:

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

Here is my source code

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

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

How can I define type of A to resolve the error?

Error:

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

Here is my source code

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

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

How can I define type of A to resolve the error?

• javascript
• reactjs
• typescript

Share Follow asked Aug 7, 2020 at 17:29 merry-go-roundmerry-go-round 4,6351313 gold badges5959 silver badges112112 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

You have to declare the ref variable in the class body.

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

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

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

or basically remove the constructor and move logic outside.

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