antd的select的mode="multiple"
时间: 2023-07-06 11:30:33 浏览: 167
下拉多选select multiple
antd的Select组件的mode属性设置为"multiple"时,表示可以选择多个选项。用户可以通过按住Ctrl键多选或者按住Shift键选择两个选项之间的所有选项。同时,当mode设置为"multiple"时,组件的value属性应该设置为一个数组,表示已经选中的选项。例如:
```javascript
import { Select } from 'antd';
const { Option } = Select;
function handleChange(value) {
console.log(`Selected: ${value}`);
}
<Select mode="multiple" style={{ width: '100%' }} onChange={handleChange}>
<Option key="1">Option 1</Option>
<Option key="2">Option 2</Option>
<Option key="3">Option 3</Option>
<Option key="4">Option 4</Option>
<Option key="5">Option 5</Option>
<Option key="6">Option 6</Option>
</Select>
```
上面的代码演示了一个Select组件,设置mode属性为"multiple",并且定义了一个handleChange函数用于处理选项的变化。当用户选择一个或多个选项时,handleChange函数会被调用,并且会输出所选中的选项的value值。
阅读全文