/TypeScript/TYPESCript props class component

TYPESCript props class component

class Test extends Component<PropsType,StateType> {
  constructor(props : PropsType){
    	super(props)
  }
  
  render(){
   	console.log(this.props) 
    return (
     	<p>this.props.whatever</p> 
    )
  }
  
};

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 vote351 views1 answer
How to show array of objects in flatlist react native
TypeScript
0 vote321 views1 answer
Response 404 requests python compare
TypeScript
0 vote303 views1 answer
How many arguments does a call to the Math.sqrt method have?
TypeScript
2 votes309 views1 answer
Find total commits in git
TypeScript
-1 vote287 views1 answer
Fatal: destination path '.' already exists and is not an empty directory.
TypeScript
0 vote389 views1 answer
Requests to check is url exists in python using function
TypeScript
1 vote320 views1 answer
Ts intefase array of objjects
TypeScript
0 vote306 views1 answer
Error: running homebrew as root is extremely dangerous and no longer supported. as homebrew does not drop privileges on installation you would be giving all build scripts full access to your system.
TypeScript
0 vote312 views1 answer
Firebase not found in envirorment.ts file angular
TypeScript
0 vote348 views1 answer
Property 'breakpoints' does not exist on type 'DefaultTheme'.ts(2339)
TypeScript