antd Tree/TreeNode can only accept TreeNode as children

antd 是一个流行的 React 组件库，提供了许多可复用的组件。在使用 antd 的 Tree 或 TreeNode 组件时，常常需要按照特定的方式来组织组件的子元素。antd 的 Tree 组件通常用于展示具有层级关系的数据，而 TreeNode 是构成 Tree 的基本单元。

在使用这些组件时，需要注意的是，Tree/TreeNode 只能接受 TreeNode 作为其子元素。这意味着，如果你想要构建一个树形结构，你需要用 TreeNode 组件来创建每一个树节点。这有助于保持树形结构的一致性和可管理性，因为 TreeNode 组件内部会有特定的逻辑来处理节点之间的层级关系。

在构建 Tree 组件时，通常会包含一个顶级的 Tree 组件和多个 TreeNode 组件。每个 TreeNode 组件可能还会嵌套更多的 TreeNode 组件来表示其子节点。例如：

import { Tree } from 'antd';

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

ReactDOM.render(
  <Tree treeData={treeData} />,
  document.getElementById('container')
);

在这个例子中，每个节点（Node1, Node2, Child Node1 等）都使用 TreeNode 来表示，并且每个 TreeNode 都可以有自己的 children，形成树状结构。