Javascript 如何将mapbox坐标传递给react中的父类？

我试图通过单击贴图在mapbox gl贴图上设置一个标记，然后将lngLat对象传递回父组件。请告诉我怎么做。我不熟悉react，但我知道道具只能从父类继承，而setState只能设置本地状态

   // add a marker when user clicks a point
    map.on("click", "random-points-layer", e => {
      if (e.features.length) {
        const feature = e.features[0];
        document.getElementById('info').innerHTML =
      // e.point is the x, y coordinates of the mousemove event relative
      // to the top-left corner of the map
        JSON.stringify(e.point) +
        '<br />' +
       // e.lngLat is the longitude, latitude geographical position of the event
        JSON.stringify(e.lngLat.wrap());

//----------------------------------------------------------------------------------------------------
//   add a marker to the map
        var marker = new mapboxgl.Marker().setLngLat(e.lngLat).addTo(map);
//----------------------------------------------------------------------------------------------------
      }
    });

//用户单击点时添加标记
在（“点击”，“随机点图层”，e=>{
if（如特征、长度）{
常量特征=e.特征[0]；
document.getElementById（'info'）.innerHTML=
//e.point是mousemove事件相对的x，y坐标
//在地图的左上角
JSON.stringify（e.point）+
“
”+
//e.lngLat是事件的经度、纬度和地理位置
stringify（e.lngLat.wrap（））；
//----------------------------------------------------------------------------------------------------
//在地图上添加一个标记
var marker=new mapboxgl.marker（）.setLngLat（e.lngLat）.addTo（map）；
//----------------------------------------------------------------------------------------------------
}
});

父组件如下所示

  render() {
     <div>
      <h1>Activate a beacon<h1/>
      <Map/>
     <div/>
}

render（）{
激活信标
}

---

我将遵循本教程

像在父类中那样定义子组件

<ChildComponent
    parent={this}
/>

在本例中，子函数显示父函数的

id

字段，但它也可能是一个函数调用，在函数调用中，我可以包含希望从子函数传递到父函数的任何参数

---

如果你好奇的话，我有一个类似问题的答案：。

嗨，约翰！我刚刚回答了一个非常非常相似的问题--。这显示了如何使用子组件的引用来共享函数或组件数据/状态，我认为这可能适合您。希望这有帮助！谢谢你的帮助。你对另一个问题的回答真的很有帮助嘿，约翰！杰出的我在下面更新了我的答案，并添加了另一个问题的链接。别忘了，如果有用的话，你可以把它标记为已接受，这样别人就知道该去哪里找了！谢谢

this.props.parent.someFunction();