Я использую React с MapGL и DeckGLOverlay.Я хочу показать всплывающие подсказки на DeckGLOverlay:
setTooltip(features) {
document.getElementById("body").dataset.tip = features.object.centroid
}
render() {
const {viewport, data} = this.state;
return (
<MapGL
{...viewport}
mapStyle="mapbox://styles/mapbox/streets-v9"
onViewportChange={this._onViewportChange.bind(this)}
onLoad={this.showLayer.bind(this)}
mapboxApiAccessToken={mapboxgl.accessToken}
>
<ReactTooltip />
<DeckGLOverlay viewport={viewport} data={data || []} onHover={this.setTooltip} />
</MapGL>
);
}
Подсказки показываются, но содержимое обновляется только тогда, когда я либо покидаю вкладку и возвращаюсь к ней, либо перемещаю курсор мыши за пределы области телаа затем переместите его обратно в DeckGLOverlay.
Как заставить ReactTooltip обновлять его содержимое, пока я нахожусь над различными областями DeckGLOverlay?