useConnection

当存在活动连接交互时，useConnection 钩子返回当前连接状态。如果不存在活动连接交互，则所有属性都返回 null。此钩子的典型用例是根据特定条件（例如连接是否有效）对句柄进行着色。

import { useConnection } from '@xyflow/react';
 
export default function () {
  const connection = useConnection();
 
  return (
    {connection &&
      <div>
        Someone is trying to make a connection from {connection.fromNode} to this one.
      </div>
    }
    {!connection &&
      <div>
        There are currently no incoming connections!
      </div>
    }
    )
}

签名

名称	类型
#参数
#`selector?`	`(connection: ConnectionState<InternalNode<NodeType>>) => T` 一个可选的选择器函数，用于提取 ConnectionState 数据的一部分。使用选择器可以防止组件重新渲染，即使您不关心的数据可能会发生改变。如果没有提供选择器，则会返回整个 ConnectionState 对象，不会进行任何更改。
#返回值
#	`T`

钩子工具