javascript - Immutablejs - 映射不使嵌套对象不可变

Question

我正在设置这样的 map :

import { Map } from 'immutable';

const initialState = {
   a: "test",
   b: {
    inside: "inside value"
   }
} 

const otherState = {
   c: "other value"
}

 const myState = new Map({ app: new Map(initialState).merge(otherState) });

这似乎有效，但是当我尝试更改嵌套对象内的值时，它似乎对我不起作用(我收到“无效的键路径”)。所以尝试:

myState.setIn(['app', 'b', 'inside'], 'newValue'); 

给我一个“无效的 key 路径”错误。看起来当我注销时，嵌套对象并未变为不可变。不确定我做错了什么。

编辑 - 这是一个代码笔来显示问题 - https://codepen.io/ajmajma/pen/rRQoZp

Answer 1

显然，正确的路径应该是 ['app', 'b', 'inside'] ，因为 app 是 myState< 的唯一属性 对象。

您还需要 Immutable.fromJS() 您的 initialState 和 otherState 对象，否则嵌套键将被视为 JS 对象，而不是 immutablejs map 。

const myState = new Map({ app: new Map(Immutable.fromJS(initialState)).merge(Immutable.fromJS(otherState)) });