title: Catch Event in react-leaflet map
body: <p>I wounder how I can catch <strong><code>zoomstart</code></strong> and <strong><code>zoomend</code></strong> events on react-leaflet map component. </p>
  
  <p>I have some custom non-geographics map</p>
  
  <pre><code>            &lt;Map
                  center={this.getCalculatedCenterFromState()}
                  zoom={this.getCalculatedZoomFromState()}
                  minZoom={this.getCalculatedMinZoomFromState()}
                  maxZoom={2}
                  attributionControl={false}
                  doubleClickZoom={false}
                  zoomControl={false}
                  crs={this.mapService.getProjectionType()}
              &gt;
  
  
  
                  &lt;ZoomControl position={'topright'} zoomInText={"&lt;img src=" + this.mapService.getPlusIconPath() + " alt='plus' /&gt;"} zoomOutText={"&lt;img src=" + this.mapService.getMinusIconPath() + " alt='minus' /&gt;"} /&gt;
                  &lt;CategoryControl /&gt;
                  &lt;Layers data={this.showPlanService.getJSONResponse()} /&gt;
  
              &lt;/Map&gt;
  </code></pre>
  
  <p>And I need to show and hide some components depends on zoom level.</p>