为了账号安全,请及时绑定邮箱和手机立即绑定

Antd Tree控件如何动态添加删除节点?

/ 猿问

Antd Tree控件如何动态添加删除节点?

async getAllEntry() //保存数据的
    {
       let menus = 
            [
                { id : "1" , name : "IT开发部" } ,
                { id : "2" , name : "行政部" } ,
                { id : "21" , name : "会计部" , parentId : "2" } ,
                { id : "22" , name : "出纳部" , parentId : "2" } ,
                { id : "3" , name : "咨询部" } ,
            ]
        return menus;
    } 
                
     <DirectoryTree
         multiple
         defaultExpandAll
         onSelect={this.onSelect}
         onExpand={this.onExpand}
        >
        {
            ( function()
            {
            let subOrg = function(parentId)
                    {
                        return orgs.filter( org => parentId ? ( org.parentId == parentId ) : ( org.parentId == null ) ).map( org =>
                            {
                                return ( 
                                        <TreeNode title={org.name} key={org.id} >
                                            {
                                                subOrg( org.id )
                                            }
                                        </TreeNode>                        
                                    );
                            }   )
                    };
                return subOrg();
            } )()
        }
      </DirectoryTree>

                这个是我写的树结构,现在想要实现:点击一个按钮,就在当前节点下创建或者删除一个新的子节点。

https://img1.mukewang.com/5c457bae000117f002830237.jpg

查看完整描述

目前暂无任何回答

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信