antd QueryFilter组件

antd中的QueryFilter组件是Ant Design Pro框架中的一个高级查询过滤器，它提供了一种直观的方式来处理数据列表的搜索和筛选功能。这个组件通常用于前端界面，允许用户输入关键字对表格、列表等的数据进行实时查询和过滤，支持模糊匹配和组合条件。用户可以在字段上设置查询规则，如必填项、包含或排除某个值等。

QueryFilter组件的主要特性包括：
1. 灵活配置：可以根据业务需求自定义搜索字段和对应的查询规则。
2. 智能提示：当用户开始输入时，会自动显示匹配的结果供选择，提高用户体验。
3. 事件驱动：提供回调函数，当用户完成搜索或过滤时可以获取新的查询结果。

使用`<QueryFilter>`标签引入并配置该组件的基本示例如下：

import { QueryFilter } from '@ant-design/pro-components';

<QueryFilter
  options={['选项A', '选项B', '选项C']} // 数据源或字段映射
  onSearch={query => console.log('搜索触发:', query)} // 查询触发的回调
/>