作为父元素的React MarkerClusterGroup如何修改配置选项？

解决方案 #

• showCoverageOnHover是MarkerClusterGroup组件的专有配置，不需要传给自定义的MarkersLayer组件，你的自定义组件没有处理该参数的逻辑，传参不会生效。
• 不管是自闭合还是嵌套子组件的写法，MarkerClusterGroup的配置都可以直接写在组件开标签上，嵌套子组件不会影响配置的读取，你的第一种写法本身逻辑正确，如果不生效可按以下步骤排查：
  1. 确认安装的react-leaflet-markercluster依赖版本确实是v1.1.8，排除版本不匹配问题
  2. 确认你封装的MarkersLayer组件返回的所有<Marker>节点是直接作为MarkerClusterGroup的子级，没有额外包裹<div>等无关容器，否则集群组件无法识别子标记，配置不会生效
  3. 如果直接传参仍不生效，可以尝试老版本react-leaflet封装组件的通用规则，把插件配置放到options属性中传递：

<MarkerClusterGroup options={{showCoverageOnHover: false}}>
  <MarkersLayer
    stationsToDisplay={stationsToDisplay}
    stationsList={stationsList}
    refreshStationsList={this.refreshStationsList}
    StandsToDisplay={StandsToDisplay}
    CARToDisplay={CARToDisplay}
    selectedOption={selectedOption}
  />
</MarkerClusterGroup>

内容的提问来源于stack exchange，提问作者OrganicMustard