react-map-js弹出窗口不会关闭/删除

Question

我在地图上成功添加了一个弹出窗口，但是我不知道如何关闭该弹出窗口。 （我认为这是一个错误？）

我导入了弹出窗口；

import MapGL, { Popup } from 'react-map-gl';

并定义如下所示的弹出方法；

_renderPopup() {
  return(
    <Popup
      anchor="bottom"
      tipSize={10}
      longitude={this.state.popupInfo.lon}
      latitude={this.state.popupInfo.lat}
      closeButton={true}
      closeOnClick={true}
      >
        <div style={style_popup}>
          <p> lon = {this.state.popupInfo.lon} </p>
          <p> lat = {this.state.popupInfo.lat} </p>
        </div>
    </Popup>
  );
}

我这样渲染的

render() {
  const {viewport, data, popupInfo} = this.state;
    return (
      <MapGL
        {...viewport}
        {...this.props}
        onViewportChange={this._onViewportChange.bind(this)}
        mapboxApiAccessToken={MAPBOX_TOKEN}
        mapStyle={MAP_STYLE}
      >
        {this._renderPopup()}
      </MapGL>
    );
  }
}

它将正确渲染，并且关闭按钮在弹出窗口上。它只是不会关闭。 有任何想法吗？ ：/