antd树形控件Tree

5,661 阅读1分钟

loadTreeDatas = async (id) => {
    const datas=[{xxxx}]
    return new Promise(resolve => {
         treeDatas = _.map(treeDatas, data => {
            if (data.key === id) {
            	_.assign(data, {
	            children: datas
            	});
            }
            return cat;
         });
    	 resolve();
    	 return treeDatas
    });
};
	
loadData = async (treeNode) => {
    const { props: { eventKey }, children } = treeNode;
    let { treeDatas } = this.state;
    if (!_.isEmpty(children)) {
    	return;
    }
    treeDatas = await this.loadTreeDatas(eventKey);
    this.setState({ treeDatas: treeDatas });
};

handleCheck = (value) => {
    this.setState(({ checkedKeys: value }));
};
	
<Tree checkable
      showLine
      loading={loading}
      treeData={treeDatas}
      checkedKeys={checkedKeys}
      loadData={this.loadData}
      onCheck={this.handleCheck}/>

详细例子请看来源。

来源链接:ant.design/components/…