Antd tree点击树节点，渲染新数据

Antd Tree 组件提供了 onSelect 属性来处理节点选中事件，你可以在该事件中获取到当前选中节点的 key 值或完整数据。然后，你可以将获取到的数据通过状态或属性传递给渲染新数据的组件。

以下是一个示例代码：

import React, { useState } from 'react';
import { Tree } from 'antd';

const { TreeNode } = Tree;

const DemoTree = () => {
  const [selectedNode, setSelectedNode] = useState(null);

  const onSelect = (selectedKeys, info) => {
    const { node } = info;
    setSelectedNode(node);
  };

  const renderNewData = () => {
    // 根据选中节点渲染新数据的逻辑
    // 例如调用接口获取该节点下的子节点信息等
    return <div>新数据</div>;
  };

  return (
    <div>
      <Tree onSelect={onSelect}>
        <TreeNode key="1" title="Node 1" />
        <TreeNode key="2" title="Node 2" />
        <TreeNode key="3" title="Node 3">
          <TreeNode key="3-1" title="Node 3-1" />
          <TreeNode key="3-2" title="Node 3-2" />
        </TreeNode>
      </Tree>
      {selectedNode && renderNewData()}
    </div>
  );
};

export default DemoTree;

在该示例中，我们使用 useState 来保存选中的节点信息，并在 onSelect 回调函数中更新该状态。然后，在组件的主体部分，我们判断 selectedNode 是否有值，如果有，就调用 renderNewData 函数渲染新数据。你可以在 renderNewData 函数中添加任何你需要的逻辑来渲染新数据。