Foo.tsx

import * as React from "react";
import { PureComponent } from "react";

interface IProps {
  label: string;
  doSomeMagic: () => void;
}

export default class Foo extends PureComponent<IProps> {
  render() {
    return (
      <div onClick={this.props.doSomeMagic}>
        {this.props.label}
      </div>
    );
  }
}
  
<Foo label="bar" doSomeMagic={() => alert("It's a magic")}