javascript - 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>
    );
  }
}

它正确呈现并且关闭按钮位于弹出窗口上。它只是不会关闭。有任何想法吗？：/