antd Tree 組件封裝自定義渲染

 

 

 
 ///  自定義封裝, 存在children的情況下

 renderTreeNodes = (data) => {
    return (
      data &&
      data.map((item) => {
        if (item.children) {
          return (
            <TreeNode
              title={item.officeName}
              key={item.id}
              disabled={item.treeType === 'o' && true}
            >
              {this.renderTreeNodes(item.children)}
            </TreeNode>
          );
        }
        return (
          <TreeNode
            title={item.officeName}
            key={item.id}
            disabled={item.treeType === 'o' && true}
          />
        );
      })
    );
  };

  //  Tree 組件渲染

        <Tree
          showLine
          checkable
          checkedKeys={checkedKeys}
          onCheck={handleCheckTreeNode}
        >
          {this.renderTreeNodes(this.props.treeList)}
        </Tree>