爲什麼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'具有非映射值。如果我們確保爲'selector'值也是一個不變的地圖 setIn將工作：

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>

爲JavaScript對象和數組深深轉換爲地圖和列表，你可以使用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>