0

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

我为 React 和 ReactDom 使用未缩小的文件,并且非常了解当 React 创建一个元素时,它必须是字符串、类或函数。

我还查看了 Highcharts-React-Official 的源代码,它应该提供“div”,但在我的情况下,它提供了整个 HighchartsReact 对象及其所有方法。

我将非常感谢任何解决此问题的建议。

4

0 回答 0