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

1 vote168 views1 answer
Is assigned a value but never used
TypeScript
0 vote173 views1 answer
A "region" configuration value is required for the "s3" service (e.g., "us-west-2"). A list of available public regions and endpoints can be found at http://docs.aws.amazon.com/general/latest/gr/rande.html.
TypeScript
1 vote157 views1 answer
How to enable and disable gameobjects c#
TypeScript
-1 vote286 views3 answers
Date time picker in angular material
TypeScript
0 vote178 views1 answer
Test events where not received
TypeScript
2 votes162 views1 answer
Loop through form controls angular
TypeScript
0 vote172 views1 answer
Ts new example
TypeScript
0 vote226 views1 answer
Named types just give a name to a type
TypeScript
0 vote165 views1 answer
How to make game objects spread in a specific vector
TypeScript
0 vote152 views1 answer
How to get values from api and iterate through array in typescript and angular
TypeScript