antdesign下拉框去除空值
时间: 2023-08-03 13:08:48 浏览: 51
如果你想要在 `Ant Design` 的下拉框中去除空值,可以使用 `filterOption` 属性来实现。具体步骤如下:
1. 给 `Select.Option` 组件添加 `value` 属性,确保每个选项都有对应的值。
```jsx
<Select>
<Select.Option value="option1">Option 1</Select.Option>
<Select.Option value="option2">Option 2</Select.Option>
<Select.Option value="">Option 3</Select.Option>
<Select.Option value="option4">Option 4</Select.Option>
</Select>
```
2. 在 `Select` 组件中使用 `filterOption` 属性,并传入一个回调函数,该函数接收两个参数:用户输入的字符串和当前选项的值。根据用户输入的字符串和当前选项的值来判断是否要显示该选项。
```jsx
<Select filterOption={(inputValue, option) => option.value !== ''}>
<Select.Option value="option1">Option 1</Select.Option>
<<Select.Option value="option2">Option 2</Select.Option>
<Select.Option value="">Option 3</Select.Option>
<Select.Option value="option4">Option 4</Select.Option>
</Select>
```
这样就可以在 `Ant Design` 的下拉框中去除空值了。