useNodeId

このフックを使用すると、内部で使用されているノードのIDを取得できます。レンダーツリーの深い場所でノードのIDが必要な場合に、IDをプロップとして手動でドリルダウンしたくない場合に便利です。

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。

注釈

このフックは、カスタムノードまたはその子でのみ使用する必要があります。

フックユーティリティ