当反应中更新选项时，highMaps映射消失

Question

我正在使用npm`alid-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/