尝试在react-select中重写MultiValueContainer，但它未接收到选项数据

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

const { MultiValueContainer } = components;

const CustomMultiValueContainer = ({ data, ...props }) => {
  // 在这里可以对选项数据进行处理
  // 例如，可以根据选项数据的属性来显示不同的样式或图标

  return (
    <MultiValueContainer {...props}>
      {/* 在这里可以自定义已选中选项的外观 */}
      {/* 例如，可以添加自定义样式或图标 */}
      {data.label}
    </MultiValueContainer>
  );
};

export default CustomMultiValueContainer;

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

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

const MySelect = () => {
  return (
    <Select
      isMulti
      options={options}
      components={{ MultiValueContainer: CustomMultiValueContainer }}
    />
  );
};

export default MySelect;