useConnection()

GitHub上的源代码 

useConnection 钩子在有活动连接交互时返回当前连接状态。如果没有活动的连接交互，它会对每个属性返回 null。这个钩子的典型用例是基于某种条件（例如连接是否有效）为控制柄着色。

🌐 The useConnection hook returns the current connection state when there is an active connection interaction. If no connection interaction is active, it returns null for every property. A typical use case for this hook is to colorize handles based on a certain condition (e.g. if the connection is valid or not).

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

签名

🌐 Signature