react antd select选中的以tag形式展示，且只展示一条

你可以使用Ant Design中的`Tag`组件来展示选中的选项。具体实现可以参考以下步骤：

1. 使用`useState`来存储选中的选项，初始值为空数组。

import { useState } from 'react';

const [selectedOption, setSelectedOption] = useState([]);

2. 在`Select`组件中使用`onChange`事件来更新选中的选项。

import { Select } from 'antd';

const { Option } = Select;

function handleChange(value) {
  setSelectedOption([value]);
}

<Select onChange={handleChange}>
  <Option value="option1">Option 1</Option>
  <Option value="option2">Option 2</Option>
  <Option value="option3">Option 3</Option>
</Select>

3. 在组件中使用`Tag`组件来展示选中的选项。

import { Tag } from 'antd';

function renderSelectedOption() {
  if (selectedOption.length === 0) {
    return null;
  }

  return (
    <Tag closable onClose={() => setSelectedOption([])}>
      {selectedOption[0]}
    </Tag>
  );
}

<div>
  <Select onChange={handleChange}>
    <Option value="option1">Option 1</Option>
    <Option value="option2">Option 2</Option>
    <Option value="option3">Option 3</Option>
  </Select>
  {renderSelectedOption()}
</div>

这样，当你选中一个选项时，它会以`Tag`的形式展示出来。如果你选中了其他选项，之前选中的选项会被替换掉。如果你想要展示多个选中的选项，只需要将`selectedOption`的类型改为数组即可。