在react中更新选项时highMaps地图消失

Question

我正在使用npm`react-highcharts-official官方软件包。

我有以下内容

<div>
{ R.isNil(this.state.hcOptions) ? (
    <p>Loading...</p>
) : (
    <HighchartsReact
        highcharts={ Highcharts }
        constructorType={ 'mapChart' }
        options={ this.state.hcOptions }
        ref={ this.state.chartRef }
    />
)}
<div>

当我最初设置this.state.hcOptions时，地图将呈现良好状态。

如果我将hcOptions替换为新数据，或者甚至再次将其设置为相同数据，则地图会消失，但底部网格仍会显示。

我该怎么做才能更改选项数据并渲染新地图？

代码示例：https://codesandbox.io/s/7oz0m56px

底部Change Map Options上的按钮可切换选项。最初加载任一选项集都会加载地图。在两者之间切换会导致自身无法渲染的地图。

Answer 1

该问题是Highmaps回归错误，该错误自7.1.0开始失败，并在此处报告：https://github.com/highcharts/highcharts/issues/10617

简化示例：https://jsfiddle.net/BlackLabel/tuokmpvy/

解决方法是使用较旧的Highmaps版本：

<script src="https://code.highcharts.com/maps/7.0.3/highmaps.js"></script>

实时演示： https://jsfiddle.net/BlackLabel/poz8c51L/