Get coordinate on click

How can we get the cursor coordinate using the onClick event on the map?

Here is how I’m trying:

_onClickMap(e) {
        console.log(e.lngLat);
    }

render() {
        return <div>
            <Map
                style="mapbox://styles/mapbox/outdoors-v10"
                containerStyle={{
                    height: 400,
                    width: "100vw",
                    marginTop: 60
                }}
                center={[-104.99, 39.75]}
                zoom={[9]}
                onClick={this._onClickMap}/>
           </div>

I would expect to be able to access the lngLat property similarly to this example: https://www.mapbox.com/mapbox-gl-js/example/mouse-position/

[alex3165]

Almost that, sorry it is not clear in the documentation, here is what you need:

_onClickMap(map, evt) {
  console.log(evt.lngLat);
}

[LewisYoul]

Thanks so much for this!