ImmutableJS - 仅更新 Object 中的一个键值

Question

我的减速器最初具有以下不可变状态：

const firstState = Map({ "1": {title: "Hello 1", content: "Content 1"}, "2" : {title: "Hello 2", content: "Content 2"} });

现在，在我的 reducer 中，当 EDIT_POST 操作进入时，如果用户更改了这些字段，我想更改其中的一些字段。所以说用户只编辑了标题字段（第 1 号帖子）。然后我想要一个新的状态，标题字段已更改，但内容字段不变。

但是，我不知道该怎么做。

我已经尝试了一些东西，例如这两件事（在不同的时间）：

case 'EDIT_POST': {
        var obj = state.get(action.id);

        //let newState = state.setIn(['1','title'], 'New Title');
        //let newState = state.set("1", {title: "New Title"});
        return newState;
      }

第一件事根本不起作用，第二件事消除了所有其他价值。

Answer 1

setIn 不起作用，因为您混合了普通的 Javascript 对象和 immutable.js 对象。 immutable.js 假定整个对象由 immutable.js 对象组成。

你的地图：

const firstState = Map({ "1": {title: "Hello 1", content: "Content 1"}, "2" : {title: "Hello 2", content: "Content 2"} });

应该看起来更像这样：

const firstState = Map({
    "1": Map({ title: "Hello 1", content: "Content 1" }),
    "2": Map({ title: "Hello 2", content: "Content 2" })
});

嵌套对象必须是 Map 的实例或其他不可变类型，然后setIn 将起作用。

如果你有一个普通的 JS 对象并且想将它转换为一个不可变的对象，你可以使用Immutable.fromJS(someObject)

Answer 2

你需要setIn() 方法。试试这个。

case 'EDIT_POST': {
    var obj = state.get(action.id);

    let newState = state.setIn(['1','title'], 'New Title');
    return newState;
}