Highcharts-React返回对象，React给出错误-React.createElement：类型无效

Question

我正在使用Highchart-React-Official在我的应用程序中呈现图表。另外，它是一个巨大的应用程序，因此，我们不导入任何内容，我们使用插件的缩小版本来解决性能和安全性问题。

下面是我的代码：

const options = {
    title: {
        text: 'My chart'
    },
    series: [{
        data: [1, 2, 3]
    }]
}

const App = () => <div>
    <HighchartsReact
        highcharts={Highcharts}
        options={options}
    />
</div>


ReactDOM.render(
        <App/>, document.getElementById('root')
    );

运行此命令时，在控制台中收到以下错误：

警告：React.createElement：类型无效-预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。

当我为HighchartsReact控制台时，它给出了下面的对象。

我为React和ReactDom使用未缩小的文件，并且很好理解，当React创建一个元素时，它必须是String，class或function。

我还研究了Highcharts-React-Official源代码，它应该提供'div'，但就我而言，它正在提供整个HighchartsReact对象及其所有方法。

我将非常感谢您提供解决此问题的建议。

Answer 1

const App = () => <div>
    <HighchartsReact
        highcharts={Highcharts}
        options={options}
    />
</div>

喜欢这样

const App = () => (
  <div>
    <HighchartsReact
        highcharts={Highcharts}
        options={options}
    />
  </div>
)

不确定这是否是答案，我无法在评论中使用它