如何解决state.set is not a function错误？附Immutable.js Reducer代码

你遇到的问题根源非常明确——在DATA_AVAILABLE的case分支里，你先把state重新赋值成了普通JavaScript对象，之后再调用set方法自然会报错。

我们先拆解下你的错误代码逻辑：

case ModuleEvents.DATA_AVAILABLE: {
  // 这里直接把Immutable的Map对象替换成了普通JS对象
  state = { data: payload, loading: false, User:null };
  // 此时state是普通对象，根本没有Immutable的set方法
  return state.set('data',payload).set('loading',true)
}

Immutable.js的核心原则是永远不直接修改原对象，而是基于原Immutable实例生成新的对象。你不能突然把Immutable的Map转换成普通对象，再试图调用专属Immutable的方法。

正确的实现方式 #

你需要基于初始的Immutable state（也就是Map实例）进行修改，而不是替换成普通对象。这里有两种常用的简洁写法：

写法1：链式调用set方法

case ModuleEvents.DATA_AVAILABLE: {
  return state
    .set('data', payload)
    .set('loading', true)
    .set('User', null);
}

写法2：用merge一次性合并多个属性（更高效）

case ModuleEvents.DATA_AVAILABLE: {
  return state.merge({
    data: payload,
    loading: true,
    User: null
  });
}

额外使用提醒 #

• 确保整个Reducer的state始终保持Immutable类型（比如Map），不要在中途转换成普通对象，否则后续所有状态更新都会出现类似的方法不存在错误。
• 如果你需要从Immutable对象中读取数据，记得用get方法，比如state.get('currentAdmin')，而不是直接用.访问普通对象的方式。

内容的提问来源于stack exchange，提问作者smith felk