antd select多选一行显示
时间: 2023-09-06 16:00:30 浏览: 263
antd多选下拉框一行展示的实现方式
5星 · 资源好评率100%
antd 的 Select 组件默认是单选的,即一次只能选择一个选项。如果需要实现多选一行显示的效果,可以通过设置 Select 组件的 `mode` 属性为 `multiple` 来实现。
具体步骤如下:
1. 导入 Select 组件:
```javascript
import { Select } from 'antd';
```
2. 在组件中使用 Select 组件,并设置 `mode` 属性为 `multiple`:
```javascript
<Select mode="multiple" placeholder="请选择选项">
<Select.Option value="option1">选项1</Select.Option>
<Select.Option value="option2">选项2</Select.Option>
<Select.Option value="option3">选项3</Select.Option>
...
</Select>
```
这样就可以实现多选一行显示的效果了。用户可以用鼠标点击或者键盘操作同时选择多个选项,并且选择的选项会以一行高度的形式显示在 Select 组件中。
阅读全文