从所有按钮中删除活动的类，并将其添加到react中单击的最后一个按钮

import React, { Component } from 'react';

class ButtonList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      lastClickedIndex: null
    };
  }

  handleClick(index) {
    const buttons = document.querySelectorAll('.button'); // 获取所有按钮元素
    buttons.forEach(button => {
      button.classList.remove('active'); // 移除活动类
    });

    const lastClickedButton = buttons[index]; // 获取最后一个被点击的按钮元素
    lastClickedButton.classList.add('active'); // 添加活动类

    this.setState({ lastClickedIndex: index }); // 更新状态变量
  }

  render() {
    const buttonData = ['Button 1', 'Button 2', 'Button 3']; // 按钮数据

    return (
      <div>
        {buttonData.map((button, index) => (
          <button
            key={index}
            className="button"
            onClick={() => this.handleClick(index)}
          >
            {button}
          </button>
        ))}
      </div>
    );
  }
}

export default ButtonList;