antd tree 清空已选中的treenode

Question

antd form 下的 tree组件，当选中其中一个treenode之后，关闭窗口，再次打开窗口，先前选中的treenode还是被选中的。请问该如何将已选中的treenode清空呢？谢谢！

<div>
   <h4>分配权限</h4>
        <Tree className="rolesTree"
            checkable
            onCheck={this.onCheck}
            defaultExpandAll={true}
            loadData={this.onLoadData}
         >
          {this.renderTreeNodes(roles)}
        </Tree>
</div>

Answer 1

类似这种问题应该马上就能想到的是受控组件与非受控组件。
所以你将Tree修改为受近期组件就好了。

<Tree value={this.state.treeValues} onChange={v => this.setState({treeValues: v})}>
    //....
</Tree>

Answer 2

关闭窗口的时候没有改变state 使页面重新渲染吗？

Answer 3

谢谢。我在父组件中

state = {
checkedKeys:[]
}

form tree组件中

<Tree className="rolesTree"
      checkable
      onCheck={this.onCheck}
      checkedKeys={checkedKeys}
      defaultExpandAll={true}
      loadData={this.onLoadData}
    >
      {this.renderTreeNodes(roles)}
    </Tree>

就这样解决了。刚接触react和antd，还不熟悉，现学现做。谢谢大家了