type
status
date
slug
summary
tags
category
icon
password
首先定义变量，我们存储搜索时的关键词，把他记为高亮文本。然后要存储所有匹配到的节点。高亮文本的逻辑就是将搜索的关键词通过<span>包裹，给他加入背景颜色高亮，即可实现搜索高亮的效果。
定义变量
高亮文本处理函数
处理搜索函数
边界情况：如果没有搜索内容，即置空
首先在树数据中搜索所有匹配的节点，然后将关键词存储，存储到之后，遍历匹配到的节点，拿到他的父节点key，展开所有相关节点后滚动到第一个匹配项即可
输入框
节点自定义渲染
搜索后自动滚动的useEffect
Relate Posts