将clearIndicator X替换为React-Select中的自定义文本

import React from 'react';
import { components } from 'react-select';

const CustomClearIndicator = props => {
  return (
    <components.ClearIndicator {...props}>
      <div>清除选择</div>
    </components.ClearIndicator>
  );
};

export default CustomClearIndicator;

import React from 'react';
import Select from 'react-select';
import CustomClearIndicator from './CustomClearIndicator';

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

const MySelect = () => {
  return (
    <Select
      options={options}
      components={{ ClearIndicator: CustomClearIndicator }}
    />
  );
};

export default MySelect;