用ant-design组件实装一个多功能的查询组件，要求组件的左边是一个下拉列表框，中间是输入框，右边是搜索按钮

好的，这是一个比较简单的问题，以下是一个用 ant-design 实现的多功能查询组件的代码示例：

import React from 'react';
import { Select, Input, Button } from 'antd';

const { Option } = Select;

class QueryComponent extends React.Component {
  state = {
    selectedOption: '',
    inputValue: '',
  };

  handleOptionChange = (value) => {
    this.setState({ selectedOption: value });
  };

  handleInputChange = (e) => {
    this.setState({ inputValue: e.target.value });
  };

  handleSearch = () => {
    const { selectedOption, inputValue } = this.state;
    // 在这里执行查询操作
    console.log(`查询 ${selectedOption} 中包含 ${inputValue} 的结果`);
  };

  render() {
    const { selectedOption, inputValue } = this.state;

    return (
      <div>
        <Select value={selectedOption} onChange={this.handleOptionChange}>
          <Option value="name">按名称查询</Option>
          <Option value="id">按 ID 查询</Option>
          <Option value="date">按日期查询</Option>
        </Select>
        <Input value={inputValue} onChange={this.handleInputChange} />
        <Button onClick={this.handleSearch}>搜索</Button>
      </div>
    );
  }
}

export default QueryComponent;

这个组件包含一个下拉列表框、一个输入框和一个搜索按钮，用户可以选择查询的类型，输入查询关键字，然后点击搜索按钮执行查询操作。在这个示例中，我们只是简单地在控制台输出了查询的内容，实际应用中需要根据具体情况进行修改。