カスタムエッジ

React Flowには、default（ベジエ）、straight、step、smoothstepの4つの異なるエッジタイプがあります。特殊なエッジルーティングやエッジでの制御が必要な場合は、カスタムエッジを作成することもできます。この例では、ボタン付きのエッジ、双方向のエッジ、自己接続エッジを実装する方法を示しています。すべての例で、ヘルパーとしてBaseEdgeコンポーネントを使用しています。

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

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