antd tree的问题

antd 的tree有很多问题

1、常规的tree需要展开关闭只能通过左上角的小三角 

 如果想要单击行就能展开关闭的话，需要使用const { DirectoryTree } = Tree;

 

2、DirectoryTree 的问题。只能一级一级的展开和关闭，不能跨级关闭

 这样是关闭不了的

3、DirectoryTree 和showLine 属性连续使用会出现样式的问题。有一段是被遮盖的

4、对于一部加载数据，需要先有根的数据

5、如何模糊查询树形数据中的数据

    const loop = (data: any) =>
        data.map((item: any) => {
            const strTitle = item.title as string;
            const index = strTitle.indexOf(searchValue);
            const beforeStr = strTitle.substring(0, index);
            const afterStr = strTitle.slice(index + searchValue.length);
            const title =
                index > -1 ? (
                    <span>
                        {beforeStr}
                        <span className="site-tree-search-value">{searchValue}</span>
                        {afterStr}
                    </span>
                ) : (
                    <span>{strTitle}</span>
                );
            if (item.children) {
                return { title, key: item.key, children: loop(item.children) };
            }

            return {
                ...item,
                title,
                key: item.key,
            };
        });