将标签添加到react-select

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

const [selectedOptions, setSelectedOptions] = useState([]);

const handleSelectChange = (selected) => {
  setSelectedOptions(selected);
};

const renderTags = () => {
  return selectedOptions.map((option) => (
    <div key={option.value} className="tag">
      {option.label}
      <button onClick={() => handleRemoveTag(option)}>删除</button>
    </div>
  ));
};

const handleRemoveTag = (option) => {
  const updatedOptions = selectedOptions.filter((o) => o.value !== option.value);
  setSelectedOptions(updatedOptions);
};

return (
  <div>
    <Select
      options={options}
      isMulti
      value={selectedOptions}
      onChange={handleSelectChange}
    />
    <div className="tags-container">{renderTags()}</div>
  </div>
);