react-leaflet-draw绘图工具栏显示错乱

1 问题描述

在使用react-leaflet-draw为地图增加绘制自定义图形功能时，发现对应的工具栏显示错乱，如下图

2 解决方法

上述问题的原因有两点：
1. 在index.html中未引入相应css

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.2/leaflet.draw.css"/>

2.index.js对应的css文件中缺少对应样式

.sr-only {    display: none;  }

完成上述配置后，工具栏正确显示