纯react.js折线图

Question

我对react.js非常陌生，我想使用react js来准备折线图，而不使用其他js文件。

可以只用react.js创建一个吗？

在互联网上展示的例子有D3组件、chart.js等。我不确定这些是否是react.js的子产品。我希望尽可能避免其他js文件，只使用react.js。

Answer 1

D3之类的与React无关。D3可以与它一起使用，尽管不能完全使用(例如，没有动画)，因为在React中，如果不更改道具或状态，则无法更改DOM。如果页面中的某些内容在React不知情的情况下发生更改，您将得到一个类似于“不变违规: DOM意外突变”的错误。在React中使用D3的方法是将SVG元素视为组件，就像您在应用程序中使用的所有其他元素一样。

实际上，您不需要任何D3就可以做到这一点:只需使用、等SVG元素，就像它们是普通组件一样，在div中绘制您想要的任何内容。请参阅SVG文档。

对于折线图来说，这绝对是可行的。如果你想要一个复杂的图形--或者一个漂亮的图形--那么为什么不使用外部库呢？您导入的js文件的重量最终可以与您自己的js代码的重量进行比较，除非错误会减少一千倍。