如何在React中使用Leaflet.Polyline.SnakeAnim插件而不使用react-leaflet？

npm install leaflet leaflet.polyline.snakeanim

import L from 'leaflet';
import 'leaflet.polyline.snakeanim';

componentDidMount() {
  // 创建地图实例
  this.map = L.map('map').setView([51.505, -0.09], 13);

  // 添加地图图层
  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data © OpenStreetMap contributors'
  }).addTo(this.map);

  // 创建折线
  const latLngs = [[51.505, -0.09], [51.51, -0.1], [51.51, -0.12]];
  const polyline = L.polyline(latLngs).addTo(this.map);

  // 使用SnakeAnim插件
  polyline.snakeIn();
}

render() {
  return <div id="map" style={{ width: '100%', height: '400px' }}></div>;
}