React :如何在"onClick“事件上触发函数，但在组件上？

npm install react

import React from 'react';

class MyComponent extends React.Component {
  handleClick() {
    // 在这里编写要执行的代码
    console.log("按钮被点击了！");
  }

  render() {
    return (
      <button onClick={this.handleClick}>点击我</button>
    );
  }
}

import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>我的React应用</h1>
        <MyComponent />
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('root'));