代码之家 › 专栏 › 技术社区 › davidkomer

不可变的普通对象中的深度访问

immutable.js

davidkomer · 技术社区 · 6 年前

考虑以下示例:

const stickers = 
  new OrderedMap().set(1, {hero: "batman", name: "Bruce"});

stickers.getIn([1]); //=> { hero: 'batman', name: 'Bruce' }

stickers.getIn([1, "hero"]); //=> undefined

为什么第二次的结果 getIn 未定义?

ImmutableJS上的文档状态:

普通JavaScript对象或数组可以嵌套在不可变的对象中。js集合和getIn()也可以访问这些值

所以,如果 OrderedMap 是一个普通javascript对象或一个不可变集合-但是,如果我们首先将该普通对象转换为不可变集合,那么我们可以看到bug消失了:

const stickers = 
  new OrderedMap().set(1, fromJS({hero: "batman", name: "Bruce"}));

stickers.getIn([1]); //=> { hero: 'batman', name: 'Bruce' }

stickers.getIn([1, "hero"]); //=> 'batman'

1 回复 | 直到 6 年前

Simon Baumgardt-Wellander 6 年前

我认为这是因为您正在查看文档,以获取比您使用的库更新的版本。我刚刚用4.0.0-rc版试用了你的代码。9,并按预期工作。

例如:

const stickers =
  Immutable.OrderedMap().set(1, {
    hero: "batman",
    name: "Bruce"
  });

console.log(stickers.getIn([1]));

console.log(stickers.getIn([1, "hero"])); //

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/4.0.0-rc.9/immutable.js"></script>

推荐文章

davidkomer · 不可变的普通对象中的深度访问

6 年前

Mahdi · 如何在immutable js中更改映射的许多属性

6 年前

Aerendir · 使用Redux。createStore with Immutable throws“reducer不是一个函数(如何将Redux与Immutable.js和composeEnhancers一起使用)

7 年前

James · 为React组件道具解构ImmutableJS映射

7 年前

StuffedPoblano · 不变的toArray()不会呈现数据-ReactJS

7 年前

Cube3 · 将对象数组转换为映射不可变。js公司

7 年前

RamAlx · 在不可变映射中设置,而不覆盖以前的值

7 年前

deathknight256 · 以不变的方式更新嵌套在对象中的数组

7 年前

Grant Herman · Redux中的重写状态

7 年前

Brett DeWoody · 在DevTools中检查ImmutableJS对象

7 年前