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

在React中，要从所有按钮中删除活动的类，并将其添加到最后一个被点击的按钮，可以按照以下步骤进行操作：

首先，创建一个React组件，可以命名为ButtonList，用于渲染按钮列表和处理点击事件。
在ButtonList组件的构造函数中，初始化一个状态变量，用于存储最后一个被点击的按钮的索引。可以使用state对象来实现这个状态变量。
在ButtonList组件的render方法中，使用map函数遍历按钮数据，并渲染每个按钮。为每个按钮添加一个点击事件处理函数，该函数将更新状态变量为当前按钮的索引。
在点击事件处理函数中，首先从所有按钮中移除活动类。可以通过DOM操作或者使用React的ref来获取按钮元素，并使用classList对象的remove方法来移除活动类。
然后，将活动类添加到最后一个被点击的按钮。可以通过索引值来获取最后一个按钮的元素，并使用classList对象的add方法来添加活动类。

以下是示例代码：

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;

在上述代码中，ButtonList组件会渲染一个按钮列表，并为每个按钮添加了点击事件处理函数handleClick。在点击事件处理函数中，会先移除所有按钮的活动类，然后将活动类添加到最后一个被点击的按钮。同时，状态变量lastClickedIndex会被更新为当前按钮的索引。

请注意，上述代码中没有提及任何特定的云计算品牌商，如果需要使用腾讯云相关产品来支持按钮列表的存储、部署等功能，可以根据具体需求选择适合的腾讯云产品，并在代码中进行相应的集成和调用。