Dagre 树

此示例展示了如何将 dagre.js 与 React Flow 集成以创建简单的树状布局。如果您正在寻找更高级的布局库，dagre 的一些好的替代方案是 d3-hierarchy 或 elkjs。

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

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

只读

此示例展示了静态布局。如果图中的节点或边发生变化，布局不会重新计算！但是，可以使用 dagre（和其他库）进行动态布局：有关示例，请参阅自动布局专业示例。