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 vote157 views2 answers
Modify objects using dot notation
TypeScript
0 vote147 views1 answer
Whats updog
TypeScript
0 vote134 views1 answer
Filename requests python
TypeScript
0 vote136 views1 answer
Representation of graph usig sets and hash in python
TypeScript
2 votes165 views1 answer
Rror: failed to init transaction (unable to lock database) error: could not lock database: File exists if you're sure a package manager is not already running, you can remove /var/lib/pacman/db.lck
TypeScript
1 vote162 views1 answer
Full call signature in ts
TypeScript
3 votes127 views1 answer
Persists meaning
TypeScript
0 vote165 views1 answer
Typescript get objects nested in object
TypeScript
1 vote166 views1 answer
Tepescript loop object
TypeScript
0 vote150 views1 answer
Piechart am4charts legend with actual values
TypeScript