如果React.js中没有孩子，我如何禁用所有的Ant Design TreeNodes？

import { Tree } from 'antd';
const { TreeNode } = Tree;

const treeData = [
  { key: '1', title: 'Node 1' },
  { key: '2', title: 'Node 2' },
  // 添加更多的节点
];

render() {
  const { treeData } = this.state;

  if (treeData.length === 0) {
    return (
      <Tree disabled>
        <TreeNode title="Loading" key="loading" />
      </Tree>
    );
  }

  return (
    <Tree
      // 其他属性和事件处理程序
    >
      {/* 渲染节点 */}
    </Tree>
  );
}

<Tree
  // 其他属性和事件处理程序
>
  {this.renderTreeNodes(treeData)}
</Tree>

renderTreeNodes = (data) =>
  data.map((item) => {
    if (item.children) {
      return (
        <TreeNode title={item.title} key={item.key}>
          {this.renderTreeNodes(item.children)}
        </TreeNode>
      );
    }
    return <TreeNode {...item} />;
  });