javascript - 获取antd树中选中节点的数据

Question

我想获取antd中selected node的底层数据 tree .

这是示例树数据(只有一个节点):

let treeData =[{title: "0-0",
            key: "0-0",
            children: []}];

Tree 有带有这样签名的 onSelect:

onSelect = (selectedKeys, info) => {

};

info.no​​de.getNodeState() 当我选择节点时给我这样的结果:

您可以看到 title 是一个 react 元素。相反，我只想要 title 元素的基础值，即:"0-0"。

有没有办法访问选定节点的底层数据？

Answer 1

你可以使用 info.selectedNodes[0].props 访问节点数据。或者，如果您将数据作为 prop 传递 -

<TreeNode title={item.title} key={item.key} dataRef={item}>
    {this.renderTreeNodes(item.children)}
</TreeNode>

那么你也可以获取info.selectedNodes[0].props.dataRef中的数据