mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 08:59:15 +08:00
e7aa014c31
* docs: init * chore: all types * docs: faq * chore: fix lint
37 lines
741 B
TypeScript
37 lines
741 B
TypeScript
import React from 'react';
|
|
import { Tooltip, Tree } from 'antd';
|
|
import type { TreeDataNode } from 'antd';
|
|
|
|
const dig = (path = '0', level = 3) => {
|
|
const list = [];
|
|
for (let i = 0; i < 10; i += 1) {
|
|
const key = `${path}-${i}`;
|
|
const treeNode: TreeDataNode = {
|
|
title: key,
|
|
key,
|
|
};
|
|
|
|
if (level > 0) {
|
|
treeNode.children = dig(key, level - 1);
|
|
}
|
|
|
|
list.push(treeNode);
|
|
}
|
|
return list;
|
|
};
|
|
|
|
const treeData = dig();
|
|
|
|
const MemoTooltip = Tooltip || React.memo(Tooltip);
|
|
|
|
const App: React.FC = () => (
|
|
<Tree
|
|
treeData={treeData}
|
|
height={233}
|
|
defaultExpandAll
|
|
titleRender={(item) => <MemoTooltip title={item.title as any}>{item.title as any}</MemoTooltip>}
|
|
/>
|
|
);
|
|
|
|
export default App;
|