ant 搜索框模糊查询

Ant Design中的搜索框可以通过使用`onSearch`属性来实现模糊查询。具体实现方式如下：

1. 定义一个搜索框组件，例如：

import { Input } from 'antd';

const { Search } = Input;

function SearchBox({ onSearch }) {
  return (
    <Search
      placeholder="请输入关键字"
      onSearch={onSearch}
      enterButton
    />
  );
}

2. 在父组件中使用该搜索框组件，并在`onSearch`方法中实现模糊查询逻辑。例如：

function ParentComponent() {
  const [searchValue, setSearchValue] = useState('');

  function handleSearch(value) {
    setSearchValue(value);
    // TODO: 实现模糊查询逻辑
  }

  return (
    <div>
      <SearchBox onSearch={handleSearch} />
      // TODO: 根据searchValue渲染查询结果
    </div>
  );
}

在`handleSearch`方法中，可以根据搜索框输入的关键字`value`实现模糊查询逻辑，并将查询结果保存在状态中。然后，可以根据查询结果渲染页面。