React 流程图库

Question

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

原文由 Novice 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

原文由 Anshul Sahni 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

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

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

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

原文由 user3089664 发布，翻译遵循 CC BY-SA 4.0 许可协议