React 函数组件中将 Tree 树形控件返回数据与自定义数据合并

可以使用 useState 来维护一个 state 变量，将返回来的数据和自己写的数据合并成一个新的数据，再将新的数据传递给 Tree 组件进行展示。

例如：

import React, { useState } from 'react';
import Tree from './Tree';

const MyTree = (props) => {
  const [data, setData] = useState([...props.data, {id: 'myId', label: 'My Label', children: []}]); // 将返回来的数据和自己写的数据组合成一个新的数据

  return (
    <div>
      <h3>My Tree</h3>
      <Tree data={data} />
    </div>
  );
};

export default MyTree;

在这个例子中，我们使用 useState 来维护一个 data 变量，将 props.data 和自己写的数据合并成一个新的数组，然后将新的数组传递给 Tree 组件进行展示。这样，我们就可以将返回来的数据和自己写的数据组合在一起展示在页面上了。