react + dva + antdantd

antd tree 默认展开第几层

2019-01-28  本文已影响1人  _请输入昵称

操作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>
  )
}


上一篇 下一篇

猜你喜欢

热点阅读