antd的tree组件如何在onSelect中获取选中节点的其他属性

Question

在选中树节点的时候触发onSelect方法，但是官方文档只能获取到选中节点的selectedKeys，由于接口需要穿选中节点的其他属性，请问该如何获取呢？

// 渲染Tree
  renderTreeNode = data => {
    return data.map(item => {
      if (item.child) {
        return (
          <TreeNode title={item.menu_name} key={item.menu_id} appId={item.app_id} dataRef={item}>
            {this.renderTreeNode(item.child)}
          </TreeNode>
        );
      }

      return <TreeNode title={item.menu_name} key={item.menu_code} dataRef={item}/>;
    });
  };
  
  


  // 选中节点触发-------如何在这里获取到选中节点的app_id？？？
  onSelect = (selectedKeys) => {
    Message.info(selectedKeys);
    if (selectedKeys.length > 0) {
      // 防止编辑时重复点击造成选中节点为空
      this.setState({
        selectedKeys,
      });
    }
  };

  
  
  

Answer 1

谢谢大家，我知道了，可以通过info来获取，dataRef会将没有属性全部展示出来，如下：

onSelect = (selectedKeys, info) => {
    Message.info(selectedKeys);
    console.log(info);
    console.log(info.node.props.dataRef.app_id);

};