どのようにして統合するのですか？コンポーネントを再レンダリングせずにリアルタイムのグラフをReact JSにプロットする

Question

私はReact JSと私のウェブアプリケーションを両方とも使用したいと思います。私は、リアルタイムのデータをプロットしたいと思っていますが、新しいポイントが追加されるたびにグラフの完全な再レンダリングを避けたいのです。プロットグラフには、グラフ全体が破棄されたり再レンダリングされないようにする更新機能があります。

私はいくつか質問があります。 1.グラフを表現するために反応コンポーネントを使用することは可能ですか？グラフを完全に再レンダリングせずにリアルタイムで更新することは可能ですか？ 2.上記が不可能な場合は回避策がありますか？データはあなたがプロットの変更を更新するために使用する場合

おかげ

Answer 1

あなたは再レンダリングからコンポーネントを防ぐためにshouldComponentUpdateを使用することができます。私は現在キャンバスベースのプロジェクトでこれを正確にやっていますので、それもプロットしてもうまくいくはずです。

編集：私のshouldComponentUpdateはこのように見えますが、基本的には、データが変更されたときに変更されたサイズが変更されない限り、キャンバスを再レンダリングする必要があります。

shouldComponentUpdate(nextProps) { 
    if (this.props.height !== nextProps.height || 
     this.props.width !== nextProps.width) { 
     return true; 
    } 

    return false; 
    }