Question

我可以独立读取不可变列表和不可变记录。但是我有一个嵌套在不可变列表中的不可变记录，我无法读取。

不可变列表：

single-product.php

不可变记录：

let listObj = Immutable.List([{a:'0', b:'1'}, {c:'2', d:'3'}])
console.log('listObj', listObj._tail.array[0]); // {a:'0', b:'1'}

不可变列表中的不可变记录：

const Person = Immutable.Record({
  name: null
}, 'Person')

let me = Person({ name: 'Steve' })
me.toString() // "Person { "name": "My Name" }"
let myName = me.get('name')
console.log('myName', myName) // "Steve"

你能否提供一些指示，以了解如何读取嵌套在不可变列表中的不可变记录？

谢谢！

Answer 1

如果您尝试实际运行代码：

let x = Immutable.List([Immutable.Record({
  name: 'Steve'
})])

console.log('x', x) // Spoiler alert: NOT undefined

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.js"></script>

你会发现它输出

x List [ function Record(values) {
  ...
} ]

请注意列表中的内容是function？那是因为它是Record.Factory，实际上不是Record本身。您需要像在第二个示例中一样使用它，在其中创建Record.Factory，然后使用创建Record：

const Person = Immutable.Record({
  name: null
}, 'Person')

let me = Person({
  name: 'Steve'
})

let x = Immutable.List([me])

console.log(x) // [{"name": "Steve"}]
console.log(x.get(0)) // {"name": "Steve"}
console.log(x.getIn([0, 'name'])) // "Steve"

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.js"></script>

如何读取不可变列表中的不可变记录？

1 个答案: