使用onChange根据React中的索引选择特定的复选框

import React, { useState } from 'react';

function CheckboxList() {
  const [selectedIndexes, setSelectedIndexes] = useState([]);

  // 其他代码...

  return (
    // 其他JSX代码...
  );
}

export default CheckboxList;

function CheckboxList() {
  // ...

  const handleCheckboxChange = (event, index) => {
    if (event.target.checked) {
      setSelectedIndexes([...selectedIndexes, index]);
    } else {
      setSelectedIndexes(selectedIndexes.filter(i => i !== index));
    }
  };

  return (
    <div>
      {checkboxOptions.map((option, index) => (
        <label key={index}>
          <input
            type="checkbox"
            checked={selectedIndexes.includes(index)}
            onChange={event => handleCheckboxChange(event, index)}
          />
          {option}
        </label>
      ))}
    </div>
  );
}

function CheckboxList() {
  // ...

  const handleCheckboxChange = (event, index) => {
    // ...

    // 处理选中的索引
    if (selectedIndexes.includes(index)) {
      // 复选框被选中的逻辑
      // ...
    } else {
      // 复选框被取消选中的逻辑
      // ...
    }
  };

  return (
    // ...
  );
}