如何在单击isClearable图标时停止打开react-select input下拉菜单(仅限移动设备)？

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

const CustomSelect = ({ options, ...props }) => {
  const selectRef = useRef();

  const handleClear = (event) => {
    event.preventDefault(); // 阻止默认行为
    selectRef.current.select.clearValue(); // 清除选择
  };

  return (
    <Select
      ref={selectRef}
      {...props}
      isClearable
      onClear={handleClear} // 使用自定义的清除处理函数
    />
  );
};

// 使用CustomSelect组件
const App = () => {
  const options = [
    { value: 'chocolate', label: 'Chocolate' },
    { value: 'strawberry', label: 'Strawberry' },
    { value: 'vanilla', label: 'Vanilla' }
  ];

  return (
    <CustomSelect options={options} />
  );
};

export default App;