ant-design中的select多选时，多选完成后下拉框一行展示

在Ant Design的Select组件中使用多选时，默认情况下下拉框会展示所有已选项，并根据可用空间自动换行。如果需要限制下拉框中的展示，可以通过maxTagCount和maxTagTextLength属性来实现。

maxTagCount属性用于指定在多选模式下最多展示的选项数量，超出这个数量的选项会被隐藏，并通过一个+ N的形式显示。

maxTagTextLength属性用于指定在多选模式下展示的选项文本的最大长度，超过这个长度的文本会被截断。

以下是一个使用maxTagCount和maxTagTextLength属性的例子：

import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import { Select } from 'antd';
 
const { Option } = Select;
 
function App() {
  const [selectedValues, setSelectedValues] = React.useState([]);
 
  return (
    <Select
      mode="multiple"
      value={selectedValues}
      onChange={value => setSelectedValues(value)}
      maxTagCount={3}
      maxTagTextLength={5}
      style={{ width: '100%' }}
      placeholder="Select values"
    >
      <Option value="apple">Apple</Option>
      <Option value="orange">Orange</Option>
      <Option value="banana">Banana</Option>
      <Option value="grape">Grape</Option>
      <Option value="pineapple">Pineapple</Option>
      <Option value="mango">Mango</Option>
    </Select>
  );
}
 
ReactDOM.render(<App />, document.getElementById('container'));

在这个例子中，Select组件设置了maxTagCount={3}，意味着最多只会在下拉框中展示3个选项，超出的选项会被隐藏，并显示为+ N。同时设置了maxTagTextLength={5}，意味着在下拉框中展示的选项文本最大长度为5个字符，超出的字符会被截断。