如何在 React 中使用 highcharts 的 charts.get(location)?

How to use highcharts' charts.get(location) in React?

我在 React 中使用 highcharts,我想调用 .get() 方法。官方演示是这样的:

var chart = $('#container').highcharts(),
    locationA = chart.get('locationA'),
    locationB = chart.get('locationB'),
    locationC = chart.get('locationC'),
    locationD = chart.get('locationD');

我想在 React 中聊天,所以我也使用 highcharts-react lib,我创建了一个这样的 ref :

constructor(props) {
        super(props);
        this.chartComponent = React.createRef();
    }

render() {
        console.dir(usaBubbleData);
        return (
            <div className='container'>
                <HighchartsReact
                    highcharts={Highcharts}
                    constructorType={"mapChart"}
                    options={maplineOptions}
                    ref={this.chartComponent}
                />
            </div>
        );
    }

componentDidMount() {
        var locationA = this.chartComponent.get("locationA"),
}

我得到一个错误: × TypeError: this.chartComponent.get is not a function

我不知道 React 中的 ref 和 var chart = $('.container').highcharts() 是同一个实例吗?

谁能告诉我这是怎么回事?

更新:我已经自己修复了。

事实上图表实例不是 this.chartComponent ,它是 this.chartComponent.current.char