react-05.jsx

// MyButton.jsx

function MyButton(props) {
  return <button onClick={props.onButtonClick}>{props.buttonTitle}</button>;
}

export default MyButton;

// MyComponent.jsx

export class MyComponent extends Component {
  
  constructor(props) {
    super(props);
    this.onButtonClick = this.onButtonClick.bind(this);
  }
  
  render() {
    return (
      <div className="my-div">
        My div content
        <MyButton onButtonClick={this.onButtonClick} buttonTitle="Click me!" />
      </div>
    );
  }
  
  onButtonClick() {
    console.log("Click!");
  }
}