侧边栏中的过滤选项

import React, { useState } from 'react';

function FilterSidebar({ options, onFilterChange }) {
  const [selectedFilters, setSelectedFilters] = useState([]);

  const handleCheckboxChange = (event) => {
    const { value, checked } = event.target;
    if (checked) {
      setSelectedFilters([...selectedFilters, value]);
    } else {
      setSelectedFilters(selectedFilters.filter(filter => filter !== value));
    }
    onFilterChange(selectedFilters);
  };

  return (
    <div className="filter-sidebar">
      {options.map(option => (
        <label key={option.value}>
          <input 
            type="checkbox" 
            value={option.value} 
            onChange={handleCheckboxChange} 
          />
          {option.label}
        </label>
      ))}
    </div>
  );
}

export default FilterSidebar;