useNodeId

您可以在自定义节点或其子节点内部使用此钩子来获取节点 ID。如果需要在渲染树的更深处获取节点 ID，但不想手动向下传递 ID 作为 prop，此钩子非常有用。

import { useNodeId } from '@xyflow/react';
 
export default function CustomNode() {
  return (
    <div>
      <span>This node has an id of </span>
      <NodeIdDisplay />
    </div>
  );
}
 
function NodeIdDisplay() {
  const nodeId = useNodeId();
 
  return <span>{nodeId}</span>;
}

签名

名称	类型
#返回值
#	`string` 流中节点的 ID。

备注

此钩子只能在自定义节点或其子节点内使用。

钩子工具