通过线直观地反应组件

问题描述

我正在使用前端的reactjs构建一个应用程序。组件由用户拖动并添加到屏幕上。显示完项目后，我希望使用户能够在组件之间画线。

我想直观地展示两个反应成分之间的关​​系。就像实体关系图一样，但是这些可以是任意组件。我似乎找不到解决该问题的最佳方法。 lineto和其他解决方案在组件之间不起作用。通过拖动一条直线单击两个组件，它应该能够绘制直线。

添加更多详细信息进行说明

解决方法

我不确定您的意思。如果您想制作自己的图表，draw.io是一个很好的工具。如果您想要自动生成的https://github.com/React-Sight/React-Sight看起来不错。