Legen Sie benutzerdefinierte immutablejs-Schlüssel fest, um Datenduplizierung zu verhindern?

Question

Ich habe Daten, die im folgenden Format als action.places kommt.

Ich möchte dies nur mit neuen Daten kombinieren und eine neue Karte der aktualisierten Orte zurückgeben. Wenn ich ein Objekt von Orten bekomme und einer der Orte den gleichen Breitengrad wie ein vorheriger Ort hat, möchte ich diese Daten nicht anhängen.

{ 
    places: [ 
    { 
     place: { 
     lat: 123, 
     lon: 321, 
     } 
    }, 
    { 
     place: { 
     lat: 432, 
     lon: 234, 
     } 
    }, 
    ] 
} 

Wie würde ich das mit einer Karte machen? Derzeit bin anhängen ich auf diese Weise aber alles doppelt vorhanden ist, kann ich nicht eine nicht unordentlich Lösung finden:

case RECEIVE_PLACES: 
    return state 
    .set('places', state.get('places').update(fromJS(action.places))) 

Im Idealfall würde ich den Schlüssel gesetzt jedes OBJ [${lat},${lon}] (nur auf einzigartige Weise ein zu identifizieren Platz), auf diese Weise würde ich nur über die Schlüssel iterieren müssen, um meine Plätze zu bekommen.

Answer 1

Sie können die wiederholten Ort Artikel herauszufiltern

case RECEIVE_PLACES: { 
    const newPlaces = fromJS(action.places).filter((newItem) => (
    !state.get('stores').find((oldItem) => (
     oldItem.place.lat === newItem.place.lat && 
     oldItem.place.lon === newItem.place.lon 
    ) 
); 

    return state.set('stores', state.get('stores').update(newPlaces)); 
} 

Answer 2

Wenn Sie eine Immutable.Set anstelle eines Immutable.List für persistierende die Plätze benutzen dann wäre alles einfacher sein und die Dinge würden besser.

Also, wenn in Ihrem Minderer Sie so etwas wie tat:

import { Map, Set, fromJS } from 'immutable'; 

const initialState = new Map([ 
    ['places', new Set()], 
    // Whatever other props that Map has 
]); 

const yourReducer = (state = initialState, { type, places }) => { 
    switch (type) { 
    RECEIVE_PLACES: 
     return state.update('places', places => places.merge(
     new Set(fromJS(places)) 
    ); 
    default: 
     return state; 
    } 
}; 

Sie sollten in Ordnung sein.

Lassen Sie mich wissen, ob dies für Sie funktioniert.