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

8 votes363 views6 answers
Cannot be loaded because running scripts is disabled on this system visual studio code
TypeScript
0 vote326 views1 answer
Difference between facets and filters algolia
TypeScript
5 votes315 views2 answers
SetState typescript type
TypeScript
0 vote333 views3 answers
Passing Data between fragments in Android using Interface
TypeScript
0 vote300 views1 answer
Typescript object destructuring
TypeScript
0 vote318 views1 answer
Regex exec returns null
TypeScript
0 vote342 views2 answers
Calculate distance between two latitude longitude points in google maps api
TypeScript
0 vote338 views1 answer
Exclude code from hints delphi 7
TypeScript
1 vote395 views1 answer
Typescript string null or white space
TypeScript
27 votes325 views4 answers
How to hide bullet points in css
TypeScript