问如何将Plotly实时更新图形与React JS集成，而无需重新渲染组件

EN

可以使用shouldComponentUpdate防止在用于更新打印的数据发生更改时重新渲染组件。我目前正在用一个基于画布的项目来做这件事，所以它应该也能和plotly一起工作。

编辑:我的shouldComponentUpdate看起来像这样，基本上我只需要在给定的大小发生变化而不是数据发生变化时重新渲染画布。

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

    return false;
  }

回答你的问题：

1-可以，Plot.ly为此提供了NPM库，react-plotly.js，您可以在docs中查看更多详细信息

要使用实时更新，您需要准备您的React组件来处理它，适当地管理React生命周期并使用Plot.ly图形更新，在本post中有更多解释。