html/react/bootstrap中不需要单击即可释放的按钮

<input type="checkbox" id="toggleButton">
<label for="toggleButton">Toggle Button</label>

import React, { useState } from 'react';

function ToggleButton() {
  const [isChecked, setIsChecked] = useState(false);

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

  return (
    <label>
      <input type="checkbox" checked={isChecked} onChange={handleToggle} />
      Toggle Button
    </label>
  );
}

<div class="btn-group" role="group" aria-label="Toggle Button">
  <input type="checkbox" class="btn-check" id="toggleButton" autocomplete="off">
  <label class="btn btn-outline-primary" for="toggleButton">Toggle Button</label>
</div>