エッジ

複数接続線

React Flowは通常、一度に1つの接続しか作成できません。この例は、カスタム接続線の例に基づいて、選択した複数のノードから一度に複数の接続線を描画する方法を示しています。

onConnectハンドラに注意してください。これを含めるのを忘れると、複数のノードを選択していても、1つの接続しか作成されません!

export default function App() {
  const data: string = "world"

  return <h1>Hello {data}</h1>
}

読み取り専用
⚠️

この例では、特別なinternalsSymbolを使用して、通常はアクセスする必要のないノードのプロパティにアクセスしています。この記号の背後に隠されているプロパティは、パブリックAPIと同じ安定性の保証がないため、注意して使用してください。