ImmutableJS记录合并

Question

I have imported an immutable record and wanted to add a new property to that before using it as the default state for my application. However, I cannot add the property at all despite trying merge , mergeDeep , mergeWith and mergeDeepWith . It returns the calling Record in all instances. I decided to try merge after seeing this link .

The below code snippet simulates my problem

 a = Immutable.Record({a:1, b:2}) b = a() c = Immutable.Record({z:12}) d = c() e = b.merge(d) console.log(e.toJS()) e = b.mergeDeep(d) console.log(e.toJS()) e = b.mergeWith(d) console.log(e.toJS()) e = b.mergeDeepWith(d) console.log(e.toJS()) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.js"></script> 

This does not work with v3.8.2 and even with v4.0.0-rc-9 , in all cases, b is returned. I am looking for a solution using 3.8.2 itself not necessarily with merge

Not really experienced with immutable, so any help would be really appreciated.

Thanks in advance

Answer 1

Maps are an approximation of key-value objects so use those instead of Records which have a different paradigm of Factories "A record is similar to a JS object, but enforces a specific set of allowed string keys, and has default values.".

 const a = Immutable.Map({ a: 1, b: 2 }); // or Immutable.fromJS({ ... }) const b = Immutable.Map({ z:12 }); const c = a.merge(b); console.log(c); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.js"></script>