How to get bounds with react-leaflet
<p>I want to get bounds of the current map so that I can search those bounds with the Overpass API.</p>

<p>For leaflet I know the method is just map.getBounds(), but I don't know how to implement that in react-leaflet.</p>

<pre><code>class SimpleExample extends React.Component {
  constructor() {
    super();
    this.state = {
      lat: 51.505,
      lng: -0.09,
      zoom: 13,
    };
  }

  componentDidMount() {
    console.log(this.refs.map.getBounds())
  }

  render() {
    const position = [this.state.lat, this.state.lng];
    return (
      &lt;Map center={position} zoom={this.state.zoom} ref='map'&gt;
        &lt;TileLayer
          attribution='&amp;copy; &lt;a href="http://osm.org/copyright"&gt;OpenStreetMap&lt;/a&gt; contributors'
          url='http://{s}.tile.osm.org/{z}/{x}/{y}.png'
        /&gt;
      &lt;/Map&gt;
    );
  }
}
</code></pre>

<p>This is what I've tried.  Error says that <code>this.refs.map.getBounds</code> isn't a function.</p>