Immutable.js - fromJSは地図の代わりにレコードを生成します

Question

私はReact、Redux、Immutableで遊んでいて、本当に嫌なことに出くわしました。私は大きなJSONデータセットをサーバーから返してきました。これはfromJSヘルパーを使用して不変に解析しています。

しかし、私のコンポーネントのプロパティにアクセスする場合は、不変の特定のゲッターとセッターを使用する必要があります。私の問題は不変に縛られている、私はこれを変更することを決めた行に沿って、私はそれぞれのコンポーネントを通過し、それに応じて調整する必要があります。

私の質問には、現在fromJSがリストとマップを返すので、マップをレコードに置き換えることは可能ですか？

これは、コンポーネントを不変から切り離し、ネイティブプロパティを持つことになります（user.get('name')ではなくuser.name）。

私はリバイバーについて少しは読んだことがありますが、同様のユースケースを見つけることはできません。

私は次のようでプレーをしましたが、それは最善の解決策だ場合、私はわからないよ：ImmutableJSを使用してもする能力を持つことに興味を持っている誰のために

var result = Immutable.fromJS({ 

    id: 2039428947, 
    name: 'James', 
    email: 'james@email.com', 
    country: 'United Kingdom' 

}, function(key, value) { 

    var obj = Immutable.Record(value.toJS()); 

    return new obj(value); 

}); 

おかげ

Answer 1

コンポーネントでのネイティブプロパティを使用して、代わりにuser.get('name')の例えばuser.nameは、単にfromJSの代わりに以下の機能を使用します。

function convertJs(js) { 

    if(typeof js !== 'object' || js === null) { 

     return js; 

    } 

    if(Array.isArray(js)) { 

     return Seq(js).map(convertJs).toList(); 

    } 

    let obj = Record(js); 

    obj = new obj(Seq(js).map(convertJs)); 

    return obj; 

} 

プロパティの競合を覚えておきたいことは、関数に渡すオブジェクトにImmutableJsで使用されるプロパティ名が含まれていないことを確認してください。サイズが良い例です。競合が発生した場合は、次のメッセージが表示されます。

Uncaught Error: Cannot set on an immutable record