如何使用react处理多个按钮的状态？

import React, { useState } from 'react';

const ButtonGroup = () => {
  const [button1State, setButton1State] = useState(false);
  const [button2State, setButton2State] = useState(false);

  const handleButton1Click = () => {
    setButton1State(!button1State);
  };

  const handleButton2Click = () => {
    setButton2State(!button2State);
  };

  return (
    <div>
      <button disabled={button1State} onClick={handleButton1Click}>
        Button 1
      </button>
      <button disabled={button2State} onClick={handleButton2Click}>
        Button 2
      </button>
    </div>
  );
};

export default ButtonGroup;