如何在Ant Design Tree组件中实现节点搜索与过滤功能

# 1. 简介
- 介绍Ant Design Tree组件的基本概念以及在前端开发中的常见应用场景。

# 2. Ant Design Tree组件概述

- 深入了解Ant Design Tree组件的基本结构和功能，以便更好地理解如何实现节点搜索与过滤功能。

# 3. 实现节点搜索功能
- 介绍如何利用Ant Design Tree组件提供的API实现节点搜索功能，包括输入关键词后实时匹配节点、高亮匹配到的节点等操作步骤。

# 4. 实现节点过滤功能

在Ant Design Tree组件中，实现节点过滤功能可以通过以下步骤来进行操作：

1. **筛选节点**
- 利用Ant Design Tree组件提供的`filterTreeNode`属性，可以自定义筛选出需要显示的节点。这个属性接收一个函数作为参数，函数返回true的节点将被显示，返回false的节点将被隐藏。

import React from 'react';
import { Tree } from 'antd';

const { TreeNode } = Tree;

class FilterTree extends React.Component {
  filterTreeNode = (node) => {
    return node.title.indexOf('关键词') > -1;
  }

  render() {
    return (
      <Tree filterTreeNode={this.filterTreeNode}>
        <TreeNode title="节点1" key="1">
          <TreeNode title="子节点1" key="1-1" />
          <TreeNode title="子节点2" key="1-2" />
        </TreeNode>
        <TreeNode title="节点2" key="2">