如何检查多选输入表单中的哪些选项是从ReactStrap中选择的

import { Checkbox } from 'reactstrap';

<Checkbox value="option1">Option 1</Checkbox>
<Checkbox value="option2">Option 2</Checkbox>
<Checkbox value="option3">Option 3</Checkbox>

import React, { useState } from 'react';

const MyForm = () => {
  const [selectedOptions, setSelectedOptions] = useState([]);

  const handleCheckboxChange = (event) => {
    const { value, checked } = event.target;
    if (checked) {
      setSelectedOptions([...selectedOptions, value]);
    } else {
      setSelectedOptions(selectedOptions.filter(option => option !== value));
    }
  };

  return (
    <div>
      <Checkbox value="option1" onChange={handleCheckboxChange}>Option 1</Checkbox>
      <Checkbox value="option2" onChange={handleCheckboxChange}>Option 2</Checkbox>
      <Checkbox value="option3" onChange={handleCheckboxChange}>Option 3</Checkbox>
    </div>
  );
};