ant-design tree 中拖拽排序后 rc-tree内部的expandKeys的状态出错了

Question

ant-design tree 中拖拽排序后 rc-tree内部的expandKeys的状态出错了

复现步骤：

拖拽排序后，在排序的节点上添加子节点，通过设置expandKeys还是无法使该节点无法展开，
而且会导致其他节点的展开收起状态出错，需要手动点击下叶子几点的展开收起，方可恢复正常。
正常情况下，添加子节点通过设置expandKeys可以使当前节点展开，不知道是这个问题该如何解决

这是正常情况下的样子

这是排序完以后添加子节点的样子，标记处没有自动展开

这是添加子节点的代码

let groups = this.props.groupList.list

const { expandedKeys } = this.state    

if( !!groups ){
    groups.map( (group,index) => {
        group.isAddInp = false
        if( group.dg_id === 'ready' )
            groups.splice(index,1)    
    })
}

let addChildTreeNode = {
    pId: node.dg_id,
    name: '',
    dg_id: 'ready',
    isAddInp: true
}

groups.push(addChildTreeNode)

let treeData = this.buildTreeDatas(groups, "0")

if(node.dg_id !== '0' && expandedKeys.indexOf(node.dg_id) === -1 )
    expandedKeys.push(node.dg_id)

this.setState({
    treeData,
    expandedKeys,
    autoExpandParent: false
})

Answer 1

个人觉得你应该没有将新加的结点的key放到expandedKeys里面去。
你查一下state的变化，就知道了。
如果expandedKeys中包含了刚才新加的结节，而没有展开的话，你可以尝试在添加结点的state后，再设置expandedKeys。
如：

this.setState({treeData}, () => this.setState({expandedKeys}));