antd 使用Tree的坑

[mcya]

TreeSelect搜索

treeNodeFilterProp="name"根据name值来搜索项目树，name值可以设定为任何。

获取Tree节点的属性

onCheckBld(value, e) {
     // e.node.props.title           title属性值
     // e.node.props.name        name属性值
    // value为设定的value值
  }

一套完整的

if (!!this.props.buildTree.projBldTree.length) {
      TreeNodeList = this.props.buildTree.projBldTree[0].children.map((array) => {
        return (<TreeNode title={array.projName} key={array.bldid} />)
      })
    }

              <div className={styles.chooseRoom}>
                        <Tree
                          checkable
                          defaultExpandAll
                          style={{ border: '1px solid black' }}
                          onCheck={::this.onCheckBld}
                        >
                          {TreeNodeList}
                        </Tree>
                </div>