React-leaflet、GeoJson：从 Cascader 选择选项后着色层出现问题

Question

我的交互式地图有问题，我有一个带有 GeoJSON 图层的反应传单地图。另外，我添加了一些状态组件，例如带有一些国家名称选项的 Cascader，例如奥地利、比利时等......我想要这样的。级联状态完成后（因此，在级联中单击一个国家/地区后），我想更改该级联中所选国家/地区的颜色并将其显示在地图上。例如，如果我选择奥地利，我想在地图上为奥地利着色。另外，cascader 来自 Ant Desing 库。 selectedCountries 是另一个不重要的状态。

function onEachCountry(country, layer) {
    const countryName = country.properties.ADMIN

      if (currentValueCascader.includes(countryName)) {
        layer.setStyle({ fillColor: 'yellow', weight: 2, fillOpacity: 5 })
      } else {
        layer.setStyle({ color: "#000000", fillColor: "white", weight: 1 })
      }
}

return(
<Cascader
                showSearch
                style={{ width: 256 }}
                options={countries}
                onChange={(e) => {
                  setCurrentValueCascader(e)
                }}
                placeholder="Search country"
                value={currentValueCascader} 
                multiple
    
    
              /> 
<MapContainer
            style={{ height: "80vh", width: "auto" }}
            zoom={2.3}
            scrollWheelZoom={true}
            minZoom={2.3}
            center={[30, 0]}>
            <TileLayer url='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' />
            <GeoJSON data={features} onEachFeature={(a, b) => { onEachCountry(a, b, selectedCountries) }} style={(a, b) => { onEachCountry(a, b, selectedCountries) }}}  />
          </MapContainer>
    )

我认为不知何故，Leaflet 地图没有重新渲染所选选项或 GeoJSON，但不知道如何解决它。