useNodeId()

Github 上的源代码 

¥Source on Github 

你可以使用此钩子获取它内部使用的节点的 ID。如果你需要节点的 id 在渲染树中更深，但又不想手动将 id 作为 prop 向下钻取，则它很有用。

¥You can use this hook to get the id of the node it is used inside. It is useful if you need the node’s id deeper in the render tree but don’t want to manually drill down the id as a 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>;
}

签名

¥Signature

注释

¥Notes

• 此钩子应仅在自定义节点或其子节点内使用。

  ¥This hook should only be used within a custom node or its children.