2

この質問がわかりにくい場合は、事前に申し訳ありません。質問の仕方がよくわかりません。

基本的に、Rails ビューには 2 つの React コンポーネントがあり、"metric" と "id" の props を取ります。

    <div class="col-lg-6">
       <%= react_component 'Chart', {initialList: current_user.lists.first, url: get_data_path, metric: 'click_rate', id: 'click-rate', title: 'Click Rates', user_id: current_user.id} %>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-6">
      <%= react_component 'Chart', {initialList: current_user.lists.first, url: get_data_path, metric: 'open_count', id: 'open-count', title: 'Open Counts', user_id: current_user.id} %>
    </div>

Chart コンポーネントでは、メトリックを受け取り、サーバーを呼び出して適切なデータを取得します。コンポーネントは正常に動作しますが、問題は最初のグラフをグラフ化しますが、2 つ目のグラフをグラフ化すると最初のグラフが消えてしまうことです。

Chart.js.jsx コンポーネントは次のとおりです: https://gist.github.com/coffeejay/ea5cf8e8c3dcd09e58f6

編集

Chart コンポーネントには、その中に FlotBar (Flotchart に基づく) という別のコンポーネントがあります。コード: https://gist.github.com/coffeejay/1872d3d8bd1ddcb3c228

助けてくれてありがとう！

4

1 に答える 1

1

今日も同様の問題がありました。最終的に私にとって問題となったのは、React が Gulp によってコンパイルされていた私の bundle.js に基づいてコードを作成していたことですが、Gulp は私のコードのコンパイルを停止していました。サーバーと Gulp を再起動すると、コードが修正されました。

React が正しいコードをレンダリングする前に、すぐに私の古いくだらないコードに戻ります。コードに大幅な変更を加え始めて初めて、何も更新されていないことに気付きました。

webpack、gulp、grunt、またはその他の自動コンパイラを使用している場合は、再起動して、ロードしているコードが最新であることを確認してください。

于 2015-08-08T21:41:59.503 に答える