React流程图图库

Question

我需要一个流程图库，它可以帮助我在React中创建如下所示的流程图。将非常感谢，如果类似的演示链接是添加的。

​

​

Answer 1

你可以使用https://github.com/projectstorm/react-diagrams，这是它的演示的link。

实现的视图看起来与你在给定的图片中提到的非常相似。另外，因为它说它是可定制的，你可以让它看起来像是根据你的需求

Answer 2

Syncfusion支持在React中创建具有自定义形状、标签和端口到端口连接图表。请查找Syncfusion Diagram的在线示例。我们已经创建了类似于所提供的截图的流程图。

请参考以下链接中的示例：

示例链接：https://codesandbox.io/s/wkvjjopv18

还可以使用注释特性为节点或连接器创建标签。请找到以下链接，了解如何将标签添加到节点或连接器

链接：https://ej2.syncfusion.com/react/documentation/diagram/labels#create-annotation