反应传单如何重置样式

Question

我正在关注 Leaflet 的 Choropleth 教程
http://leafletjs.com/examples/choropleth.html 并使用 react-leaflet。我设法在没有对原始源代码进行任何修改的情况下设置了样式并且它可以工作。

highlightFeature(e) {
  var layer = e.target;

  layer.setStyle({
      weight: 5,
      color: '#666',
      dashArray: '',
      fillOpacity: 0.7
  });
}

该图层具有 setStyle 属性。现在要重置我有问题的样式。

我试图访问它

resetHighlight(e) { this.refs.geojson.resetStyle(e.target); }

同时拥有 GeoJson

    <GeoJson
        ref="geojson"
        data={this.state.data}
        style={this.getStyle.bind(this)}
        onEachFeature={this.onEachFeature.bind(this)}
      />

但它没有 resetStyle 属性

任何人都可以建议另一种在 react-leaflet 中重置样式的方法？

Answer 1

解决方案是访问具有resetStyle的geojson的leafletElement

resetHighlight(e) {
    this.refs.geojson.leafletElement.resetStyle(e.target);
}