蚂蚁设计实现可编辑树的操作 - 行业资讯 - 肥雀云

　　介绍

今天就跟大家聊聊有关蚂蚁设计实现可编辑树的操作,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

一个节点的数据结构应该是

{ 　　价值:& # 39;根# 39;//显示的信息　　defaultValue: & # 39;根# 39;//当某一节点进入编辑状态,然后点击关闭按钮,节点的信息应该恢复原始状态, 　　关键:& # 39;0 - 1 # 39;//节点的关键,全局唯一　　parentKey: & # 39; 0 & # 39;//父节点的关键　　isEditable:假//是否处于可编辑状态　　孩子们:[]//子节点　　}

通过数据结构组装TreeNode的代码如下:

 changeValues=(规则,价值,回调)=比;{
　　const {setFieldsValue}=this.props。形式;
　　让newArr;
　　如果(价值。长度比;3){
　　newArr=[] .concat (value.slice (0, 2), value.slice (1));
　　setFieldsValue ({
　　“languages":newArr,
　　}）
　　回调(& # 39;最多选择三种语言& # 39;)
　　其他}{
　　newArr=价值;
　　回调()
　　}
　　}
　　
　　& lt; FormItem>
　　{getFieldDecorator(& # 39;语言# 39;,{
　　规则:[{要求:真的,信息:& # 39;请选择三种语言& # 39;,
　　验证器:changeValues
　　}),
　　validateTrigger: & # 39; onchange # 39;
　　}) (
　　& lt;选择模式=& # 39;多个# 39;比;
　　
　　& lt;选项键==https://www.yisu.com/zixun/{1}{1}值> 1> {2}值2>  3 
　　价值 4> {5}值5 
　　
　　)}

看完上述内容,你们对蚂蚁设计实现可编辑树的操作有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。