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

Question

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

我正在从我的 JSX 文件中呈现我页面上的所有内容（即面板、输入字段、按钮、表格、下拉列表等）。当我尝试将 div 标签粘贴到我的 JSX 中时，我的 JSX 中有一个 id 或 class 到 link 到 Highcharts JavaScript，我在我的控制台中收到一条错误消息（Highcharts错误 #13) 未找到渲染 div。

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

但是，当我将带有 id 的 div 标签粘贴到我的 HTML 或 class link 将其粘贴到我的 Highcharts JavaScript 时，我可以让图表显示在页面上，但我希望它在我的 JSX 中，所以我可以将它放在我的 JSX 中的面板、容器等中。

Answer 1

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

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

Highcharts w/React - rendering div not found in JSX

html

javascript

highcharts

reactjs

react-jsx