react mouseevent typescript code example

Example 1: typescript onclick event type props

interface IProps_Square {
  message: string;
  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
}

Example 2: react event typescript

handleChange(e: React.ChangeEvent<HTMLInputElement>) {
    // No longer need to cast to any - hooray for react!
    this.setState({temperature: e.target.value});
  }

  render() {
        ...
        <input value={temperature} onChange={this.handleChange} />
        ...
    );
  }