我正在使用 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 创建一个元素时,它必须是字符串、类或函数。
我还查看了 Highcharts-React-Official 的源代码,它应该提供“div”,但在我的情况下,它提供了整个 HighchartsReact 对象及其所有方法。
我将非常感谢任何解决此问题的建议。