線図by Pure react.js

Question

私はreact.jsの新機能です。反応jsを使用して、他のjsファイルを使用せずに折れ線グラフを作成したいと思います。
react.jsだけで作成することはできますか？

インターネットに表示されている例には、D3コンポーネント、chart.jsなどがあります。これらがreact.jsのサブプロダクトであるかどうかはわかりません。私はできるだけ他のjsファイルを避けて、react.jsだけにしたいと思っています。

Answer 1

D3などはReactとは関係ありません。 Reactでは、小道具や状態を変更することなくDOMを変更することができないため、D3を完全には使用できません（アニメーションはありません）。 Reactを知らずにページ内の何かが変わった場合、「不変の違反：DOMが予期せず突然変異しました」のようなエラーが表示されます。 ReactでD3を操作する方法は、アプリケーションで使用する他のすべてのコンポーネントと同様に、SVG要素をコンポーネントとして考えることです。

実際にD3を実行する必要はありません。<svg>,<line>などのSVG要素を通常のコンポーネントのように使用して、divに必要なものを描画します。 SVGドキュメントを参照してください。

折れ線グラフの場合は間違いなく実行できます。複雑なグラフ（またはかなりのもの）が必要な場合は、なぜ外部ライブラリを使用しないのですか？あなたがインポートするjsファイルの重さは、あなたのjsコードの重さと比較して終わる可能性があります。