安全访问 Immutable.js 结构中的嵌套值

Question

我正在考虑在现有的 React 项目中引入 Immutable JS。该项目充斥着深度嵌套的引用，并使用selectn 实用程序进行包装。

例如：

// returns order.id or undefined if product or order or id are undefined
if(selectn('product.order.id',this.state)) {
  //...
}

是否有不可变的 JS API 方法来检查深度嵌套的结构，并返回请求的属性或未定义的属性？

Answer 1

这是一个例子。

var t = Immutable.fromJS({a: { aa: { aaa: 'thing' } } });

我想要a.aa.aaa。

t.getIn(['a','aa','aaa']);
// returns "thing"

如果我尝试获取 a.aa.bbb 会怎样？

t.getIn(['a', 'aa', 'bbb']);
// Returns undefined.

这是getIn() 的 API：getIn() API。