具有React的Highcharts - 在JSX中找不到渲染div

Question

我试图在我的网络应用程序中使用Highcharts，这是用React编写的。 Highcharts通过div标签呈现。

我从我的JSX文件中渲染我页面上的所有内容（即面板，输入字段，按钮，表格，下拉列表等）。 当我尝试将div标签粘贴到带有id或类的JSX中以将其链接到Highcharts JavaScript时，我在控制台中收到错误消息（Highcharts错误＃13），找不到渲染div。

   render() {
     return ( <div>
      <div id="container"></div>
      </div>
       );
      }
     }

然而，当我将一个div标签粘贴到我的HTML中时，id或类将它链接到我的Highcharts JavaScript，我可以让图表显示在页面上，但我希望它在我的JSX中，所以我可以放置它我在JSX中的面板，容器等内部。

Answer 1

要回答我自己的问题，问题是在highcharts尝试查找div之后调用render函数。您可以将图表渲染代码放在componentDidMount（）部分中，在其上放置计时器，或使用dangerouslySetInnerHTML直接渲染高级代码。