在按下同一组中的不同类时禁用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;