Don't know how to import L.WMS in React. I am new to this React and leaflet.
![Capture](https://user-images.githubusercontent.com/40065760/63633824-f2dfd100-c66d-11e9-93d7-23a535dee77b.PNG)
import 'leaflet/dist/leaflet.css';
import L from 'leaflet.wms/lib/leaflet';
import 'leaflet.wms/dist/leaflet.wms';
import 'leaflet.wms/lib/require';
class App extends Component {
componentDidMount() {
var map1 = L.map("map").setView([27.664198, 85.361624], 5);
var BaseOsm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',
{
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map1);
map1.setView([-29.764377375163114, 147.3486328125
]);
// var stComerciaisLayer= L.tileLayer.wms("http://localhost:8080/geoserver/nyc/wms", {
// layers: 'nyc:wind_direction',
// format: 'image/png',
// transparent: true,
// attribution: "Algum texto de teste"
// }).addTo(map1);
var source = L.WMS.source("http://localhost:8080/geoserver/nyc/wms", {
'transparent': true
});
source.getLayer('nyc:wind_direction').addTo(map1);
}
render() {
return (
<div style={{ width: 600, height: 600 }} id="map">
</div>
);
}
}
export default App; ```