antd select自定义无数据展示的实现

在Ant Design (antd) 的 Select 组件中，如果你想要自定义当选项列表为空时显示的内容，可以利用 `placeholder` 和 `optionFilterProp` 属性结合一个空数据项的选项来实现。`placeholder` 设置默认显示的文字，而 `optionFilterProp` 可以用来控制过滤搜索时的数据来源。

首先，在组件的 `options` 数组中添加一个特殊的空选项，比如：

const emptyOption = {
  value: '',
  label: '暂无匹配', // 或者你想显示的提示文案
};

然后，在 Select 组件中配置这两个属性：

<Select
  placeholder="请选择"
  optionFilterProp="props" // 这里指明我们要根据 options 的 label 或者 value 属性进行搜索
  filterOption={(input, option) => {
    return option.label.toLowerCase().includes(input.toLowerCase()) || option.value.includes(input);
  }}
  options={[
    ...yourOtherOptions, // 如果有其他真实数据选项
    emptyOption,
  ]}
/>

这样，当用户搜索框内输入内容并触发筛选时，如果选项列表为空，就会显示你设置的那个 "暂无匹配" 的提示信息。