我正在使用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对象及其所有方法。
我非常感谢您提出解决此问题的建议。