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

时间:2019-09-26 20:13:49

标签: reactjs highcharts react-highcharts

我正在使用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

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

HighchartsReact - Object

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

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

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

0 个答案:

没有答案