Question

如果这个问题难以理解，请提前抱歉 - 不确定如何提问。

基本上，我在rails视图中有两个React组件，它们采用了一个＆＃39; metric＆＃39;和一个＆＃39; id。

    <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.js.jsx组件：https://gist.github.com/coffeejay/ea5cf8e8c3dcd09e58f6

修改

图表组件中有另一个名为FlotBar的组件（基于Flotchart）。代码：https://gist.github.com/coffeejay/1872d3d8bd1ddcb3c228

感谢您的帮助！

Answer 1

我今天遇到了类似的问题。最终成为我的问题是React正在将我的代码基于Gulp正在编译的bundle.js - 但Gulp已停止编译我的代码。我重新启动了我的服务器和Gulp，我的代码自行修复了。

在React呈现正确的代码然后立即切换回旧的，糟糕的代码之前。直到我开始对我的代码进行重大更改，我才意识到没有更新任何内容。

如果您正在使用webpack，gulp，grunt或任何其他自动编译器，请尝试重新启动以确保您加载的代码是最新的。

正在渲染React组件，然后消失

1 个答案: