React-mapbox-gl: How to get reference to map object?

[stereobooster]

This doesn't seem to work

ref={ map => { this.map = map } }

I want to do something like this, but I need reference for this.

[aleksplus]

did you try access map object from state this.map.state.map?

refs should work after component is mounted

[stereobooster]

I tried this, but unfortunately it is null

  componentDidMount() {
    console.log(this.map.state.map)
  }

strange thing if I log this.map I see state.map WAT? Still looking into this

[stereobooster]

class ReactMapboxGlCustom extends ReactMapboxGl {
  componentDidMount() {
    ReactMapboxGl.prototype.componentDidMount.call(this)
    this.props.onMount && this.props.onMount(this.state.map) // this.state.map is null
  }
}

[stereobooster]

For future googlers there is onStyleLoad which is called when map is available

<ReactMapboxGl onStyleLoad={ (map) => { ... } } />