更新google maps接收的数据时react组件中的setState出现问题

import React, { Component } from 'react';
import GoogleMapReact from 'google-map-react';

class MapComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      mapData: [] // 初始状态为空数组
    };
  }

  componentDidMount() {
    // 模拟异步获取数据
    setTimeout(() => {
      const newData = [ /* 新的地图数据 */ ];
      this.setState({ mapData: newData }, () => {
        // 在状态更新完毕后进行相关操作
        this.updateGoogleMaps();
      });
    }, 1000);
  }

  updateGoogleMaps() {
    // 使用this.state.mapData更新Google Maps接收的数据
    // ...
  }

  render() {
    return (
      <div style={{ height: '400px', width: '100%' }}>
        <GoogleMapReact
          // 使用this.state.mapData作为Google Maps接收的数据
          // ...
        />
      </div>
    );
  }
}

export default MapComponent;