リファレンスフック
useConnection()

useConnection

GitHub のソースコード

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
フックユーティリティ