antd中select组件如何最多选10个选项

可以通过设置 `maxTagCount` 属性来实现最多选10个选项的需求。具体做法如下：

1. 在 `Select` 组件中设置 `mode` 属性为 `'multiple'`，开启多选模式。
2. 设置 `maxTagCount` 属性为 `10`，表示最多只能选择10个选项。

示例代码如下：

import { Select } from 'antd';

const { Option } = Select;

function handleChange(value) {
  console.log(`selected ${value}`);
}

function handleBlur() {
  console.log('blur');
}

function handleFocus() {
  console.log('focus');
}

<Select
  mode="multiple"
  style={{ width: '100%' }}
  placeholder="请选择"
  onChange={handleChange}
  onFocus={handleFocus}
  onBlur={handleBlur}
  maxTagCount={10}
>
  <Option value="option1">选项1</Option>
  <Option value="option2">选项2</Option>
  <Option value="option3">选项3</Option>
  <Option value="option4">选项4</Option>
  <Option value="option5">选项5</Option>
  <Option value="option6">选项6</Option>
  <Option value="option7">选项7</Option>
  <Option value="option8">选项8</Option>
  <Option value="option9">选项9</Option>
  <Option value="option10">选项10</Option>
  <Option value="option11">选项11</Option>
  <Option value="option12">选项12</Option>
  <Option value="option13">选项13</Option>
  <Option value="option14">选项14</Option>
</Select>

在上述示例代码中，我们设置了 `maxTagCount` 属性为 `10`，并且提供了14个选项供用户选择。当用户选择的选项数量超过10个时，会自动将多余的选项合并成一个 `+n` 的标签，其中 `n` 表示剩余的选项数量。这样可以避免界面过于拥挤，同时也能提醒用户已经超过了最大选项数量。