State in react typescript

interface IProps {
}

interface IState {
  playOrPause?: string;
}

class Player extends React.Component<IProps, IState> {
  // ------------------------------------------^
  constructor(props: IProps) {
    super(props);

    this.state = {
      playOrPause: 'Play'
    };
  }

  render() {
    return(
      <div>
        <button
          ref={playPause => this.playPause = playPause}
          title={this.state.playOrPause} // in this line I get an error
        >
          Play
        </button>
      </div>
    );
  }
}

Source: stackoverflow.com

Similar codes

0 vote126 views1 answer
Git remove last two commits from branch
TypeScript
4 votes98 views2 answers
When to do manual testing
TypeScript
0 vote94 views1 answer
React-stripe-elements hidePostalCode
TypeScript
3 votes232 views2 answers
Array of objects how to check if property has duplicate
TypeScript
-1 vote129 views1 answer
What is http request made of
TypeScript
1 vote104 views1 answer
Nuxt "AxiosRequestConfig"
TypeScript
1 vote108 views1 answer
No directive found with exportAs 'matAutocomplete'
TypeScript
1 vote105 views1 answer
Ets2 iInvalid floating point value '&7fc00000'
TypeScript
0 vote99 views1 answer
Pipe angular typescript
TypeScript
1 vote99 views1 answer
Moving data between the request
TypeScript