Perché Immutable.js gira Percorso chiave non valido su Map.setIn()

Question

Devo mancare qualcosa qui perché lo Docs lo compila come se il codice qui sotto dovesse funzionare bene, ma ottengo un errore keypath non valido ... Controllare this codepen.

var map1 = Immutable.Map({ 'selector': { 'type': 'bar' }}); 
var map2 = map1.setIn(['selector', 'type'], 'foo'); 
console.log(map2.toJS()); 

Answer 1

Ciò accade perché la chiave 'selector' ha un valore non-Map. setIn funzionerà se facciamo in modo che il valore per 'selector' è anche un Immutabile Mappa:

var map1 = Immutable.Map({ 'selector': Immutable.Map({ 'type': 'bar' })}); 
 
var map2 = map1.setIn(['selector', 'type'], 'foo'); 
 
console.log(map1.toJS()); 
 
console.log(map2.toJS());

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

Per convertire profondamente oggetti JavaScript e array di mappe ed elenchi che è possibile utilizzare fromJS(). Così è più facile scrivere:

var map3 = Immutable.fromJS({ 'selector': { 'type': 'bar' }}); 
 
var map4 = map3.setIn(['selector', 'type'], 'foo'); 
 
console.log(map3.toJS()); 
 
console.log(map4.toJS());

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