antd tree 如何取消选中所有节点

在Ant Design（antd）的Tree组件中，如果你想取消选中所有节点，通常需要在树的渲染函数中处理这个操作。你可以监听tree的`onCheck`事件，当接收到`checkedKeys`（已选中节点的键值集合）改变时，遍历所有节点并设置它们的`selected`属性为false。

以下是一个简单的示例：

import { Tree, Checkbox } from 'antd';

const TreeNode = Tree.TreeNode;

class CancelAllSelection extends React.Component {
  state = {
    checkedKeys: [],
  };

  handleCheck = (checkedKeys) => {
    if (!checkedKeys.length) {
      this.setState({ checkedKeys });
    }
  }

  toggleAllNodes = () => {
    const allNodes = this.treeRef.props.treeData.map((item) => item.key);
    this.setState(state => ({
      checkedKeys: state.checkedKeys.filter(key => !allNodes.includes(key)),
    }));
  }

  render() {
    return (
      <div>
        <Tree ref={(ref) => { this.treeRef = ref; }} checkable onCheck={this.handleCheck}>
          {/* ...your tree nodes */}
        </Tree>

        <Checkbox
          indeterminate={!this.state.checkedKeys.length && this.state.checkedKeys.some(key => this.treeRef.props.treeData.some(item => item.key === key))}
          onChange={this.toggleAllNodes}
          disabled={!this.treeRef || !this.state.checkedKeys.length}
        >
          取消所有选择
        </Checkbox>
      </div>
    );
  }
}

export default CancelAllSelection;

在这个例子中，当你点击“取消所有选择”复选框时，会触发`toggleAllNodes`方法，它会清空当前选中的节点，并更新state。