如何在ScrollView项目上禁用多按钮颜色选择？

import React, { useState } from 'react';
import './Button.css';

const Button = () => {
  const [selectedButton, setSelectedButton] = useState(null);

  const handleButtonClick = (buttonId) => {
    setSelectedButton(buttonId);
  };

  return (
    <div>
      <button
        className={`button ${selectedButton === 1 ? 'selected' : ''}`}
        onClick={() => handleButtonClick(1)}
      >
        Button 1
      </button>
      <button
        className={`button ${selectedButton === 2 ? 'selected' : ''}`}
        onClick={() => handleButtonClick(2)}
      >
        Button 2
      </button>
      <button
        className={`button ${selectedButton === 3 ? 'selected' : ''}`}
        onClick={() => handleButtonClick(3)}
      >
        Button 3
      </button>
    </div>
  );
};

export default Button;