javascript - react ant design tree异步加载onLoadData为什么每次会发两次请求？你们是怎么写的？

Question

1、react ant design tree异步加载onLoadData，里面写了一个向后台发请求的方法，为什么每次会发两次请求？你们是怎么写的？
2、还有我是异步加载，每次展开点击一下，会后台请求查询数据，节点多了以后页面会很卡，请问该怎么解决？？看文档加了虚拟高度，我加了以后，展开2次以后，树会消失，height width都变成0了，所以看不见树了

Answer 1

import React, { useState } from 'react';import { Tree } from 'antd';const YourTreeComponent = () => {  const [treeData, setTreeData] = useState([    { title: 'Root Node', key: '0' },  ]);  const handleLoadData = async (treeNode) => {    if (treeNode.children) {      return;    }    // 发送请求获取子节点数据    const response = await fetch('your/api/endpoint', {      method: 'POST',      body: JSON.stringify({ nodeId: treeNode.key }),      headers: {        'Content-Type': 'application/json'      }    });    const data = await response.json();    // 更新树节点数据    treeNode.children = data.map(item => ({      title: item.title,      key: item.key,    }));    setTreeData([...treeData]); // 触发组件重新渲染  };  return (    <Tree      loadData={handleLoadData}      treeData={treeData}    />  );};export default YourTreeComponent;