如何在React JS中选中动态复选框

const [checkedItems, setCheckedItems] = useState({});

const handleCheckboxChange = (event) => {
  setCheckedItems({ ...checkedItems, [event.target.value]: event.target.checked });
};

{checkboxOptions.map((option) => (
  <label key={option.value}>
    <input
      type="checkbox"
      value={option.value}
      checked={checkedItems[option.value] || false}
      onChange={handleCheckboxChange}
    />
    {option.label}
  </label>
))}