如何使用 React 创建灵活的注释

Question

我正在寻找一种在 React 中创建注释的方法，就像下面的图片

例如，当单击Commits 并且接下来单击Apple 时，我需要将箭头从Commits 绘制到Apple。我想实现的一个例子是找到here

Answer 1

我认为快速而简单的方法是使用 material-ui（如果仍然使用这个库），并尝试使时间线组件以这种方式工作（material-ui.com/components/timeline）

但是，为了获得真正漂亮的外观和感觉，我建议您更深入地研究诸如

之类的库

• 质子 (https://www.npmjs.com/package/proton-js)
• Canvasjs https://canvasjs.com/docs/charts/
• 重新图表https://github.com/recharts/recharts

它似乎不是开箱即用的?‍♂️