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。

注意事項

此鉤子應僅在自訂節點或其子節點內使用。

鉤子 (Hooks)工具