Come valori nidificati Immutable.js

Question

Secondo la documentazione qui: https://facebook.github.io/immutable-js/docs/#/Map/getIn

dovrei essere in grado di ottenere il valore di nidificazione, fornendo una matrice per l'argomento keyPath. Questo è quello che ho fatto, tuttavia sto ricevendo undefined come valore di ritorno.

http://jsfiddle.net/srxv4mwu/

var obj = Immutable.Map({categories: {1: 'a', 2: 'b'}}); 
var output = obj.getIn(['categories', 1]); 
alert(output); 

Che cosa sto facendo di sbagliato?

Answer 1

Una mappa è semplicemente un insieme di chiavi con valori. Quello che hai è una mappa con la chiave categories e il valore {1: 'a', 2: 'b'}. Il valore non diventa automaticamente una mappa Immutabile solo perché lo inserisci in un'altra mappa.

Ora, la funzione getIn() vedrà solo "altre mappe Immutable.js. Quello che hai dentro è un normale oggetto javascript ol. Se si desidera solo per ottenere il valore 1, si può solo fare:

var obj = Immutable.Map({categories: {1: 'a', 2: 'b'}}); 
 
var output = obj.getIn(["categories"])[1]; 
 
alert(output);

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

Se si desidera che la raccolta categories di essere anche una mappa, si dovrà definire che in modo esplicito. Inoltre, come ha sottolineato Amit, dovrai utilizzare le stringhe con la funzione getIn().

var obj = Immutable.Map({ 
 
\t categories: Immutable.Map({ 
 
\t \t 1: 'a', 
 
\t \t 2: 'b' 
 
\t }) 
 
}); 
 
var output = obj.getIn(['categories', '1']); 
 
alert(output);

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

Il codice di cui sopra tornerà 'a'.

Probabilmente sarebbe più conveniente per voi fare qualcosa come sotto, se avete molte mappe annidate.

var obj = Immutable.fromJS({ 
 
\t categories: { 
 
\t \t 1: 'a', 
 
\t \t 2: 'b' 
 
\t } 
 
}); 
 
var output = obj.getIn(['categories', '1']); 
 
alert(output);

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

La funzione fromJs() convertirà oggetti nidificati in mappe o elenchi automaticamente per voi.

Answer 2

Ci sono 2 problemi con il tuo codice:

1. Immutable.Map(...) non attraversa il parametro per creare un complesso immutabile. Per questo è necessario Immutable.fromJS(...).
2. Una volta fatto, è necessario utilizzare le stringhe in getIn(...), quindi ['categories', '1'] anziché ['categories', 1].

Vedere working fiddle.