react-native-maps - 数据更改时不会删除标记

如何解决react-native-maps - 数据更改时不会删除标记

我在一个项目中有一个 MapView，有几个自定义子项 - 机场和飞机的标记，以及区域标记的圆形和多边形，您可以看到下面的两个代码片段。

组件在定期 API 调用后通过 redux 状态更新进行更新，从而更新客户端对象。 如您所见，我正在从客户端对象传递 PilotMarkers 和 Airport Markers 字段。 这些组件中的每一个都迭代传递给它的值，并返回一个标记数组。 每一个都只是将它的对象映射到 MapView.Marker 对象中：

const pilotMarkers = props.pilots.map( pilot => { ...
...
return pilotMarkers;

我的问题是，更新后，如果某些飞行员或飞机不再存在于返回的标记数组中，则在 Android 上，标记会保留在 MapView 中，尽管它没有转换为默认的红色位置标记，如对象的图像属性不再存在。 在数据数组中具有相应项目的所有标记都会正确更新，并根据需要更改其位置和方向。 但是那些不再存在于数据中的人永远处于休眠状态，用红色位置标记代替他们所需的图像。

在 iOS 上似乎没问题，不再存在的对象的标记会在更新时消失。

我错过了什么？

<MapView
    customMapStyle={theme.blueGrey.customMapStyle}
    // provider={PROVIDER_GOOGLE}
    rotateEnabled={false}
    initialRegion={app.initialRegion}
    onRegionChangeComplete={region => dispatch(allActions.appActions.saveInitialRegion(region))}
>
    <CTRPolygons
        style={{zIndex: 4}}
        ctr={clients.ctr}
        fss={clients.fss}
    />
    {/*// TODO aerodrome markers*/}
    <PilotMarkers
        style={{zIndex: 2}}
        pilots={clients.pilots}
    />
    <AirportMarkers
        style={{zIndex: 1}}
        airportAtc={clients.airportAtc}
    />
    {renderFromPath()}
    {renderToPath()}
</MapView>

标记组件很简单，看起来像这样：

<MapView.Marker
    key={pilot.key}
    coordinate={{latitude: pilot.latitude,longitude: pilot.longitude}}
    title={pilot.callsign}
    anchor={{x: 0.5,y: 0.5}}
    rotation={pilot.heading}
    onPress={() => onPress(pilot)}
    tracksViewChanges={false}
    tracksInfoWindowChanges={false}
>
    <Image
        source={pilot.image}
        fadeDuration={0}
        style={[styleIos,{ height: pilot.imageSize,width: pilot.imageSize }]}
    />
</MapView.Marker>;