Immutable.js क्यों फेंकता है Map.setIn पर अमान्य कुंजी पथ()

Question

मुझे यहां कुछ याद आना चाहिए क्योंकि Docs इसे बाहर निकालें जैसे नीचे दिया गया कोड ठीक काम करना चाहिए लेकिन मुझे एक अवैध कीपैथ त्रुटि मिलती है ... चेक this codepen।

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

Answer 1

ऐसा इसलिए होता है क्योंकि कुंजी 'selector' में एक गैर-मानचित्र मान है। setIn अगर हम यह सुनिश्चित करें कि 'selector' के लिए मूल्य भी एक अपरिवर्तनीय मानचित्र है काम करेंगे:

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>

गहरा मैप्स और सूचियाँ आप fromJS() उपयोग कर सकते हैं के लिए जावास्क्रिप्ट वस्तुओं और सरणी परिवर्तित करने के लिए। तो अगर आप और अधिक आसानी से लिख सकते हैं:

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>