清除多选的react-select

在 react-select 中，要清除多选，可以使用 clearAll 方法。具体示例如下：

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

const options = [
  { value: 'apple', label: 'Apple' },
  { value: 'banana', label: 'Banana' },
  { value: 'orange', label: 'Orange' },
];

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

  const handleClear = () => {
    setSelectedOptions([]);
  };

  return (
    <>
      <Select
        options={options}
        value={selectedOptions}
        onChange={setSelectedOptions}
        isMulti
      />
      <button onClick={handleClear}>Clear All</button>
    </>
  );
};

export default Example;

在以上示例中，Clear All 按钮触发 handleClear 方法，将 selectedOptions 数组清空，从而清除所有已选项。注意，要清除所有选项，React Select 组件需要设为 isMulti。