Pure react.js

时间:2017-09-07 04:30:01

标签: reactjs reactjs.net

我对react.js很新,我想使用react js来准备折线图而不使用其他js文件。
是否可以仅使用react.js创建一个?

互联网上显示的示例包含D3组件,chart.js等。我不确定这些是否是react.js的子产品。我希望尽可能避免使用其他js文件,并且只使用react.js。

1 个答案:

答案 0 :(得分:2)

D3等与React无关。 D3可以与它一起使用,虽然不完全(例如没有动画),因为在React中你不能在不改变道具或状态的情况下改变DOM。如果您的页面中的某些内容发生变化而React不知道它,您将收到类似于"不变违规行为的错误:DOM意外突变并且#34;。在React中使用D3的方法是将SVG元素视为您在应用程序中使用的所有其他元素。

你实际上并不需要任何D3:只需使用<svg><line>等SVG元素,就好像它们是通常的组件一样,可以绘制你想要的任何东西一个div。请参阅SVG文档。

对于折线图,它绝对可行。如果你想要一个复杂的图形 - 或者一个漂亮的图形 - 那么为什么不使用外部库?您导入的js文件的权重最终会与您自己的js代码的权重进行比较,除了错误数量将减少一千倍。