执行onclick时，react-google- map正在刷新地图

import React, { Component } from 'react';
import { GoogleMap, Marker } from 'react-google-maps';

class MapComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      refreshMap: false
    };
  }

  handleClick = () => {
    this.setState({ refreshMap: true });
  }

  componentDidUpdate(prevProps, prevState) {
    if (prevState.refreshMap !== this.state.refreshMap && this.state.refreshMap) {
      // 执行地图刷新的操作，例如调用地图组件的forceUpdate方法
      // this.map.forceUpdate();
      // 或者重新加载地图数据
      // this.map.loadData();
      
      // 刷新完成后，将refreshMap的值设置为false，表示地图刷新完成
      this.setState({ refreshMap: false });
    }
  }

  render() {
    return (
      <div>
        <GoogleMap
          ref={(map) => { this.map = map; }}
          // 地图的其他配置项
        >
          <Marker
            // 标记点的配置项
          />
        </GoogleMap>
        <button onClick={this.handleClick}>刷新地图</button>
      </div>
    );
  }
}

export default MapComponent;