在按下同一组中的不同类时禁用react本机类

在React中，禁用同一组中的不同类的方法是通过条件渲染来实现的。可以使用条件语句（如if语句或三元表达式）来判断是否禁用某个类。

以下是一个示例代码，演示如何在按下同一组中的不同类时禁用React本机类：

import React, { useState } from 'react';

const MyComponent = () => {
  const [isDisabled, setIsDisabled] = useState(false);

  const handleButtonClick = (event) => {
    // 根据不同的类来禁用
    if (event.target.className === 'class1') {
      setIsDisabled(true);
    } else if (event.target.className === 'class2') {
      setIsDisabled(true);
    } else if (event.target.className === 'class3') {
      setIsDisabled(true);
    }
  };

  return (
    <div>
      <button className="class1" onClick={handleButtonClick} disabled={isDisabled}>
        Button 1
      </button>
      <button className="class2" onClick={handleButtonClick} disabled={isDisabled}>
        Button 2
      </button>
      <button className="class3" onClick={handleButtonClick} disabled={isDisabled}>
        Button 3
      </button>
    </div>
  );
};

export default MyComponent;

在上面的代码中，我们使用useState钩子来创建一个名为isDisabled的状态变量，并将其初始值设置为false。当点击按钮时，handleButtonClick函数会根据按钮的className来判断是否禁用按钮。如果按钮的className与特定的类匹配，就会将isDisabled状态变量设置为true，从而禁用按钮。

需要注意的是，上述示例中的禁用逻辑是基于className进行判断的，你可以根据实际情况修改判断条件。

此外，需要注意的是，本回答中没有提及腾讯云相关产品和产品介绍链接地址，因为要求答案中不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的一些云计算品牌商。