Highcharts w/React - 在 JSX 中找不到渲染 div答案

【问题标题】：Highcharts w/React - rendering div not found in JSXHighcharts w/React - 在 JSX 中找不到渲染 div
【发布时间】：2017-05-04 00:58:01
【问题描述】：

我正在尝试将 Highcharts 与我的 Web 应用程序一起使用，该应用程序是用 React 编写的。 Highcharts 通过 div 标签呈现。

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

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

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

【问题讨论】：

你问题中的代码是完整的。
检查你之前的帖子
这不是stackoverflow.com/questions/43767804/…的复制品吗？
creating a bar chart using Highcharts with React - getting an error that rendering div isn't found的可能重复

标签： javascript html reactjs highcharts react-jsx

【解决方案1】：

在这里回答我自己的问题，问题是在 highcharts 尝试查找 div 之后调用了渲染函数。您可以将图表渲染代码放在 componentDidMount() 部分，在上面放置一个计时器，或者直接使用 dangerouslySetInnerHTML 渲染 highcharts 代码。

【讨论】：