为所选的每个checkboxGroupInput创建闪亮的条件dateInput

// 假设使用React框架来实现组件

import React, { useState } from 'react';

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

  const handleOptionChange = (option) => {
    if (selectedOptions.includes(option)) {
      setSelectedOptions(selectedOptions.filter((item) => item !== option));
    } else {
      setSelectedOptions([...selectedOptions, option]);
    }
  };

  const renderDateInputs = () => {
    return selectedOptions.map((option) => {
      if (option === 'Option1') {
        return (
          <div>
            <label>Date Input for Option1:</label>
            <input type="date" />
          </div>
        );
      } else if (option === 'Option2') {
        return (
          <div>
            <label>Date Input for Option2:</label>
            <input type="date" />
          </div>
        );
      }
      // 添加其他选项的条件判断和对应的dateInput组件
    });
  };

  return (
    <div>
      <label>Checkbox Group Input:</label>
      <div>
        <input
          type="checkbox"
          value="Option1"
          onChange={() => handleOptionChange('Option1')}
        />
        <label>Option1</label>
      </div>
      <div>
        <input
          type="checkbox"
          value="Option2"
          onChange={() => handleOptionChange('Option2')}
        />
        <label>Option2</label>
      </div>
      {/* 添加其他选项的checkbox和label */}
      {renderDateInputs()}
    </div>
  );
};

export default CheckboxGroupInput;