Modification des propriétés de classe avec Object.assign mais renvoi de l'instance de classe

Question

J'ai une classe très basique Person qui nécessite un paramètre appelé data.

class Person implements PersonInterface { 

    constructor(public data) { 

    } 

    get name(): string { 
     return this.data.name; 
    } 

} 

const person: PersonInterface = new Person({ name: "Aristona }); 

Dans mon magasin Redux, je conserve toutes les personnes dans un tableau. Il ressemble à ceci:

[Person, Person, Person, Person] 

L'utilisateur peut modifier la propriété d'un nom Person. Donc, mon réducteur ressemble à ceci:

case Constants.PERSON_UPDATE_SUCCESS: 
    const person = Object.assign({}, action.payload.person.data, { 
    name: action.payload.name 
    }); 

    return { 
    ...state, 
    persons: [ 
     person, 
     ...state.persons.filter(p => p.id !== person.id) 
    ] 
    }; 

Il ne fonctionne pas parce que Object.assign retourne la propriété data. Ce dont j'ai besoin est Person objet avec data propriété mise à jour. Si je pouvais muter les données, il ressemblerait à ceci:

person.name = action.payload.name; 

Sinon, mon personnes tableau ressemble à ceci:

[Person, Person, Person, Person, Object] // Object is data 

et il brise toutes les itérations.

J'ai essayé de faire ceci:

const updatedData = Object.assign({}, action.payload.person.data, { 
    name: action.payload.name 
}); 

const person: PersonInterface = new Person(updatedData); 

Alors qu'en théorie, il travaillerait, malheureusement, je ne peux pas instancier une classe comme cela sans apporter des changements majeurs sur mes PersonFactory classes.

Existe-t-il un moyen d'y parvenir sans casser l'immuabilité de Redux?

Merci.

Answer 1

1) Il est pas une bonne pratique pour stocker des instances de classe dans votre état

Le premier principe de trois principes de Redux dit

L'état de votre application entière est stockée dans un arbre d'objets à l'intérieur un seul magasin. Cela facilite la création d'applications universelles, car l'état de votre serveur peut être sérialisé et hydraté dans le client sans effort de codage supplémentaire ...

alors envisagez de modifier votre état pour avoir uniquement des données sérialisables.

2) C'est une bonne pratique d'utiliser des outils comme immutablejs, cela élimine tous les problèmes d'immuabilité et pour toujours.

3) C'est une bonne habitude de diviser vos fonctions de réduction, pensez à utiliser combineReducer, si vous le faites, vous aurez un réducteur responsable uniquement de la branche persons de l'état.

4) Si vous devez continuer avec la solution actuelle, je pense que vous devez instancier une personne new à chaque mise à jour.