插件组件

React Flow 带有几个额外的插件组件。在本指南中，我们将向您展示如何使用它们。我们在这里使用我们之前的示例代码。

小地图

如果您的流程变得更大，您可能希望快速获得概览。为此，我们构建了MiniMap 组件。您可以通过将其添加为子级轻松将其添加到您的流程中

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

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

只读

React Flow 带有一个可自定义的控件栏，您可以通过导入Controls 组件来使用它

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

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

只读

如果您想显示图案背景，您可以使用Background 组件

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

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

只读

一个辅助组件，用于在 React Flow 视窗的顶部显示内容。Panel 组件

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

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

只读