Elkjs 複数ハンドル

この例では、elkjs を設定して特定のハンドル（elkjs では「ポート」と呼ばれます）を使用する方法を示します。これは、エッジの交差を減らし、レイアウトをより細かく制御するのに役立ちます。設定する上で重要なのは、ハンドル/ポートの一意の ID、正しい side プロパティを持つ elkjs の実際のポート、およびすべてのノードの 'org.eclipse.elk.portConstraints' : 'FIXED_ORDER' です。

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

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