如何正确地将onChange事件传递给Reactjs中的多个输入复选框？

import React, { useState } from 'react';

const CheckboxGroup = () => {
  const [checkedValues, setCheckedValues] = useState({});

  const handleChange = (event) => {
    const { name, checked } = event.target;
    setCheckedValues({
      ...checkedValues,
      [name]: checked,
    });
  };

  return (
    <div>
      <label>
        <input
          type="checkbox"
          name="option1"
          checked={checkedValues.option1 || false}
          onChange={handleChange}
        />
        Option 1
      </label>
      <label>
        <input
          type="checkbox"
          name="option2"
          checked={checkedValues.option2 || false}
          onChange={handleChange}
        />
        Option 2
      </label>
      <label>
        <input
          type="checkbox"
          name="option3"
          checked={checkedValues.option3 || false}
          onChange={handleChange}
        />
        Option 3
      </label>
      <div>
        Checked Values: {JSON.stringify(checkedValues)}
      </div>
    </div>
  );
};

export default CheckboxGroup;