使按钮的行为类似于React中的复选框

import React, { useState } from 'react';

const CheckboxButton = () => {
  const [isChecked, setIsChecked] = useState(false);

  const handleButtonClick = () => {
    setIsChecked(!isChecked);
  };

  return (
    <button
      style={{ backgroundColor: isChecked ? 'green' : 'red' }}
      onClick={handleButtonClick}
    >
      {isChecked ? '选中' : '未选中'}
    </button>
  );
};

export default CheckboxButton;