在ReactJS中动态生成的html上触发按钮的onClick事件

import React from 'react';

class MyComponent extends React.Component {
  handleClick = () => {
    // 在这里编写按钮点击事件的逻辑代码
    console.log('按钮被点击了');
  }

  render() {
    // 假设有一个数据数组
    const data = ['按钮1', '按钮2', '按钮3'];

    // 使用map函数遍历数据数组，生成多个HTML元素
    const buttons = data.map((item, index) => (
      <div key={index}>
        <button onClick={this.handleClick}>{item}</button>
      </div>
    ));

    return (
      <div>
        {buttons}
      </div>
    );
  }
}

export default MyComponent;