如何在react中处理多个react-select块

npm install react-select

import Select from 'react-select';
import 'react-select/dist/react-select.css';

const options1 = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' }
];

const options2 = [
  { value: 'option4', label: 'Option 4' },
  { value: 'option5', label: 'Option 5' },
  { value: 'option6', label: 'Option 6' }
];

const [selectedOption1, setSelectedOption1] = useState(null);
const [selectedOption2, setSelectedOption2] = useState(null);

const handleSelect1 = (option) => {
  setSelectedOption1(option);
};

const handleSelect2 = (option) => {
  setSelectedOption2(option);
};

return (
  <div>
    <Select
      options={options1}
      value={selectedOption1}
      onChange={handleSelect1}
    />
    <Select
      options={options2}
      value={selectedOption2}
      onChange={handleSelect2}
    />
  </div>
);