useHandleConnections()

⚠️

useHandleConnections 已弃用，取而代之的是功能更强大的 useNodeConnections。

¥useHandleConnections is deprecated in favor of the more capable useNodeConnections.

此钩子返回特定句柄或句柄类型的数组连接。

¥This hook returns an array connections on a specific handle or handle type.


import { useHandleConnections } from '@xyflow/react';
 
export default function () {
  const connections = useHandleConnections({ type: 'target', id: 'my-handle' });
 
  return (
    <div>There are currently {connections.length} incoming connections!</div>
  );
}

签名

¥Signature

Name	Type
#Params
#`type`	`"source" \| "target"` What type of handle connections do you want to observer?
#`id?`	`string` ID of the handle
#`nodeId?`	`string` ID of the node, filled in automatically if used inside custom node
#`onConnect?`	`(connections: Connection[]) => void`
#`onDisconnect?`	`(connections: Connection[]) => void`
#Returns
#	`HandleConnection[]`