Antd树型选择控件TreeSelect搜索功能

Antd TreeSelect组件提供了搜索功能，可以方便地筛选出符合条件的选项。你可以在TreeSelect组件中添加`showSearch`属性，即可开启搜索功能。

以下是一个示例代码：

import React, { useState } from 'react';
import { TreeSelect } from 'antd';

const { TreeNode } = TreeSelect;

const treeData = [
  {
    title: 'Node1',
    value: '0-0',
    key: '0-0',
    children: [
      {
        title: 'Child Node1',
        value: '0-0-1',
        key: '0-0-1',
      },
      {
        title: 'Child Node2',
        value: '0-0-2',
        key: '0-0-2',
      },
    ],
  },
  {
    title: 'Node2',
    value: '0-1',
    key: '0-1',
  },
];

const TreeSelectDemo = () => {
  const [value, setValue] = useState(undefined);

  const onChange = (newValue) => {
    setValue(newValue);
  };

  return (
    <TreeSelect
      showSearch
      value={value}
      placeholder="Please select"
      style={{ width: '100%' }}
      dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
      onChange={onChange}
      treeDefaultExpandAll
    >
      {treeData.map((item) => (
        <TreeNode key={item.key} value={item.value} title={item.title}>
          {item.children &&
            item.children.map((child) => (
              <TreeNode key={child.key} value={child.value} title={child.title} />
            ))}
        </TreeNode>
      ))}
    </TreeSelect>
  );
};

export default TreeSelectDemo;

在上面的示例中，我们添加了`showSearch`属性，并设置了一些其他的属性，如`value`，`placeholder`等。此外，我们还需要为TreeSelect组件提供一些数据，这里使用了一个简单的treeData数组。

当用户在TreeSelect中输入关键字时，Antd会自动筛选出匹配的选项，并将它们展示在下拉菜单中。

希望这个例子能够帮助到你。