根据值在react-select中的选项旁边添加一些文本

import React from 'react';
import Select from 'react-select';

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

const Option = ({ innerProps, label, data }) => (
  <div {...innerProps}>
    <span>{label}</span>
    <span style={{ marginLeft: '10px', color: 'gray' }}>{data}</span>
  </div>
);

const MyComponent = () => {
  const getOptionLabel = (option) => `${option.label} - 添加的文本`;
  const getOptionValue = (option) => option.value;

  return (
    <Select
      options={options}
      components={{ Option }}
      getOptionLabel={getOptionLabel}
      getOptionValue={getOptionValue}
    />
  );
};

import React from 'react';
import Select from 'react-select';

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

const Option = ({ innerProps, label, data }) => (
  <div {...innerProps}>
    <span>{label}</span>
    <span style={{ marginLeft: '10px', color: 'gray' }}>{data}</span>
  </div>
);

const MyComponent = () => {
  const getOptionLabel = (option) => `${option.label} - 添加的文本`;
  const getOptionValue = (option) => option.value;

  return (
    <Select
      options={options}
      components={{ Option }}
      getOptionLabel={getOptionLabel}
      getOptionValue={getOptionValue}
    />
  );
};

export default MyComponent;