antd tree 默认展开第几层

操作autoExpandParent和expandCode

state = {
  autoExpandParent: true,
}

// 展开缩起触发
  expand (key,label) {
    this.setState({
      autoExpandParent: false,
    })
    // 保存受控的expandCode
    this.props.dispatch({
      type: '***save',
      payload: {
        expandCode: key
      } 
    })
  }

renderTreeNodes() {
  // render treenodes
}

// render
render() {
  return (
    <div>
      {
         treeData && treeData.length > 0 ?
            <Tree
               autoExpandParent={autoExpandParent}
               expandedKeys={expandCode}
               onExpand={(key,label)=>{this.expand(key,label)}}
              >
                {this.renderTreeNodes(newTreeData)}
            </Tree> : ''
         }
    </div>
  )
}


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • antd 的 Tree 控件没有提供点击展开的功能,只能通过左边的三角形实现展开和收起,没办法只好自己实现这个功能...
    ThinkNuo阅读 16,471评论 9 3
  • 前言:笔者在前端开发过程中遇到关于树的问题,把antd官方的Tree组件直接拿下来用了,刚开始其他方法都还好,当需...
    朽木亦自雕阅读 11,450评论 6 8
  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 9,051评论 0 13
  • (转)自学的程序员如何找到好工作? 【伯乐在线导读】:2016 年有位年轻的程序员在 Quora 上提问求助:我今...
    一个就够啦阅读 423评论 0 3
  • 自律是一种好的习惯,能自律的人生活一定是井井有条的,而没有自律的人生活一定是乱七八糟的。 我妈妈是个很...
    玥玥Lisa阅读 243评论 0 1