在同一页上使用react-select十次，并分别为每个Select保存状态

npm install react react-dom react-select

import React, { useState } from 'react';
import Select from 'react-select';

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' },
  // 其他选项...
];

const App = () => {
  const [select1Value, setSelect1Value] = useState(null);
  const [select2Value, setSelect2Value] = useState(null);
  // 其他Select的状态...

  const handleSelect1Change = (selectedOption) => {
    setSelect1Value(selectedOption);
  };

  const handleSelect2Change = (selectedOption) => {
    setSelect2Value(selectedOption);
  };
  // 其他Select的change处理函数...

  return (
    <div>
      <Select
        options={options}
        value={select1Value}
        onChange={handleSelect1Change}
      />
      <Select
        options={options}
        value={select2Value}
        onChange={handleSelect2Change}
      />
      {/* 其他七个Select... */}
    </div>
  );
};

export default App;