selectTree変換

需要

代わりにselectTreeを選択するには、データの背景には、データフィールド内のより多くの子供、小包のサブセットをアップグレードされています

 

 

 

コード

//インポート

インポート{行、コル、選択、ボタン、カード、ツールチップ、アイコン、TreeSelect} 'antd'から
のconst {}のTreeNode = TreeSelect。

　　

//レンダ定义ループ

//获取树状结构数据
CONSTループ= skillGroupList => 
    skillGroupList.map（項目=> { 
      IF（item.children && item.children.length）{ 
        リターン（
            <ツリーノードのキー= {} item.idタイトル= {item.name}値= {item.skillGroupId}> 
              {ループ（item.children）} 
            </ツリーノード> 
        ）; 
      } 
       戻り<ツリーノード鍵= {item.id}タイトル= {item.name}値= { item.skillGroupId} />; 
    }）; 
CONST treeNodeList =ループ（skillGroupList）。

　　

改为selectTreeを選択- antd 

   <TreeSelect 
       スタイル= {{幅：300}} 
       はdefaultValue = {インターナショナル（ 'route_Monitor_skillName'、真）} 
       dropdownStyle = {{のmaxHeight：400、オーバーフロー： '自動'}} 
       = "请プレースホルダ选择技能组」
       allowClear 
       treeDefaultExpandAll 
       のonChange = {this.skillGroupChange} 
   > 
     {treeNodeList} 
</ TreeSelect>