ReactTooltip仅在退出选项卡时更新

时间:2018-06-03 10:30:06

标签: javascript reactjs tooltip mapbox-gl-js

我正在使用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时,内容才会更新。

当我将鼠标悬停在DeckGLOverlay的不同区域时,如何强制ReactTooltip刷新其内容?

0 个答案:

没有答案