React-选择清除和下拉指示器顺序

import React 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 customStyles = {
  control: (provided, state) => ({
    ...provided,
    border: state.isFocused ? '2px solid blue' : '1px solid gray',
    borderRadius: '4px',
    boxShadow: state.isFocused ? '0 0 0 2px lightblue' : 'none',
    '&:hover': {
      border: '2px solid blue'
    }
  }),
  indicatorSeparator: (provided, state) => ({
    ...provided,
    display: 'none'
  }),
  clearIndicator: (provided, state) => ({
    ...provided,
    cursor: 'pointer'
  })
};

const App = () => {
  return (
    <Select
      options={options}
      styles={customStyles}
      isClearable
      isSearchable
    />
  );
};

export default App;