Object.assignでクラスプロパティを変更するがクラスインスタンスを返す

Question

私は非常に基本的なPersonクラスを持っており、dataというパラメータが必要です。

class Person implements PersonInterface { 

    constructor(public data) { 

    } 

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

} 

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

私のReduxストアでは、私はすべての人を配列に保ちます。

[Person, Person, Person, Person] 

ユーザーはPersonの名前プロパティを編集できます。だから私の減速は、次のようになります。

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) 
    ] 
    }; 

Object.assignがdataプロパティを返しますので、それは動作しません。私が必要なのはdataプロパティが更新されたPersonオブジェクトです。私はデータを変異させることができれば、それは次のようになります。

person.name = action.payload.name; 

をそれ以外の場合は、私人の列は次のようになります。

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

、それはすべての反復を破ります。

私はこれをやってみました：

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

const person: PersonInterface = new Person(updatedData); 

理論的にはそれが仕事だろうが、悲しいことに、私は私のPersonFactoryクラスに大きな変更を加えることなく、このようなクラスをインスタンス化することはできません。

Reduxの不変性を損なうことなくこれを達成する方法はありますか？

ありがとうございます。

Answer 1

1）あなたの状態では、クラスのインスタンスを格納するための良い方法ではありません

再来の3つの原則の第一の原則は、アプリケーション全体の状態は、内のオブジェクトツリーに格納されて

を語ります1つの店舗サーバーからの状態をシリアライズし、クライアントに水分補給することができるので、ユニバーサルアプリケーションを簡単に作成できます。

シリアライズ可能なデータのみを持つように状態を変更することを検討してください。

2）immutablejsのようなツールを使用することをお勧めします。すべての不変の問題を遠くから永遠に奪うでしょう。

3）還元剤の機能を分割することをお勧めします。combineReducerを使用することを検討してください。そうした場合は、州のpersonsブランチだけに責任があります。

4）現在のソリューションを続行する必要がある場合は、私はすべての更新でnew人をインスタンス化する必要があると思います。