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组件进行展示。这样,我们就可以将返回来的数据和自己写的数据组合在一起展示在页面上了。
原文地址: https://www.cveoy.top/t/topic/bsQs 著作权归作者所有。请勿转载和采集!