我尝试创建一个可交互的Map，下面是这个例子：https://docs.mapbox.com/mapbox-gl-js/example/cluster/
在我的componentDidMount中（我在其中创建了一个mapboxgl），我实现了可点击的标记，当点击标记时，会出现一个弹出窗口，显示各种信息。
单击后，我想调用第二个函数（fetch）来获取有关该特定标记的更多数据：this.props.getData(id);然后，我想在与其他信息相同的弹出窗口中显示这些数据。
我的问题是第一次单击时this.props.testdata是空的。如果我双击标记，数据就会出现。所以我的猜测是我的组件没有注意到状态/属性的变化，因此没有更新？
我该怎么做呢？我错过了什么？
Map.js

this.map.on('click', 'unclustered-point', (e) => {

            const coordinates = e.features[0].geometry.coordinates.slice();

            const id = e.features[0].properties.id;
            const infos = e.features[0].properties.infos;

            while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
                coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
            }

            if (id == null) {
                console.log("Missing id, cant get informations")
                return;
            }

            this.props.getData(id);

            new mapboxgl.Popup()
                .setLngLat(coordinates)
                .setHTML(
                    `
                    Id: ${id}
                        <br>
                     Infos: ${infos}
                        <br>
                        <br>
                     Testdata: ${this.props.testdata}
                    `
                )
                .addTo(this.map);
        });

        this.map.on('mouseenter', 'clusters', () => {
            this.map.getCanvas().style.cursor = 'pointer';
        });
        this.map.on('mouseleave', 'clusters', () => {
            this.map.getCanvas().style.cursor = '';
        });
    });

App.js（获取数据函数）：

getData = (id) => {
  if (id== null) {
      console.log("Missing id")
      return;
  }

const {mapCenter, startDate, endDate} = this.state;
const neo4j = require('neo4j-driver')
const driver = neo4j.driver('bolt://xxx', neo4j.auth.basic("xx", "xx-xx"))
const session = driver.session()

session
    .run('Here goes a neo4j cypher statment',{id: id})
    .then((results)=> {

      const data= [];
      results.records.forEach((record) => data.push([record.get("r"), record.get("n"), record.get("b")]))

      this.setState({
        data
      });

      session.close()
      driver.close()
    }).catch(e => {
      console.log(e)
      session.close();
    });

};