antd mode=tags设置只能选一个
时间: 2023-08-08 11:07:22 浏览: 340
在antd Form表单中select设置初始值操作
antd的`<Select>`组件可以通过设置`mode="tags"`实现多选,但是如果你只想允许用户选择一个标签,可以将`mode`属性设置为`"single"`。示例代码如下:
```jsx
import { Select } from 'antd';
const { Option } = Select;
function handleChange(value) {
console.log(`selected ${value}`);
}
<Select mode="single" style={{ width: '100%' }} onChange={handleChange}>
<Option value="tag1">Tag 1</Option>
<Option value="tag2">Tag 2</Option>
<Option value="tag3">Tag 3</Option>
</Select>
```
这样,用户就只能选择一个标签了。
阅读全文