为什么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>