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: タイプが無効です -- 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、オブジェクトを取得しました。

ハイチャートReact

HighchartsReact をコンソールすると、以下のオブジェクトが表示されます。

HighchartsReact-オブジェクト

私は React と ReactDom に縮小化されていないファイルを使用しており、React が要素を作成するときは、文字列、クラス、または関数のいずれかでなければならないことをよく理解しています。

私はHighcharts-React-Officialのソースコードも調べました.「div」を提供する必要がありますが、私の場合、すべてのメソッドを含むHighchartsReactオブジェクト全体を提供しています.

この問題を解決するための提案をいただければ幸いです。

4

0 に答える 0