如何映射 JSX 中的 ImmutableJS 映射列表？答案

【问题标题】：How to map over an ImmutableJS List of Maps in JSX?如何映射 JSX 中的 ImmutableJS 映射列表？
【发布时间】：2016-01-27 00:08:56
【问题描述】：

我在 Redux 商店中有一个 ImmutableJS 结构，如下所示：

Immutable.fromJS([{
  foo: 'bar'
}, {
  foo: 'baz'
}]);

它被映射到我的 React 组件中的 this.props.items 。在我的 React 渲染函数中，我正在尝试这样做：

this.props.items.map(item => {
  return (
    <div>{item.foo}</div>
  );
});

什么都没有被渲染。但是，如果我.toJS() 列表如下，那么它可以工作：

this.props.items.toJS().map(item => {
  return (
    <div>{item.foo}</div>
  );
});

我的问题是： .toJS() 是正确的方法吗？如果没有，我做错了什么？

【问题讨论】：

【解决方案1】：

如果您将item.foo 替换为item.get('foo')，您应该可以继续使用。函数Immutable.fromJS 深度转换为不可变结构。

【讨论】：