React + immutableJS 在旧浏览器中呈现一些奇怪的输出

Question

在一些不是最新的浏览器中，我的 ReactJS 网站输出奇怪的 id，看起来像 immutableJS 对象的内部结构 这是 IE10 中的渲染：

在 Chrome 和 Firefox 中，一切看起来都不错。 这是呈现第一个 sn-p 的代码：

const winner = this.props.worldviews.sort((a, b) => a.get('voteCount') < b.get('voteCount')).slice(0, 1).map(worldview => { return ( <p>{worldview.get('title')}: {worldview.get('voteCount')} <i className='icon-check'></i></p> ); });

this.props.worldviews 是 immutableJS 对象的列表。

我在这里做错了什么？

Answer 1

如果我在这样的地图结果上调用.toArray()，这个问题就解决了：

const winner = this.props.worldviews.sort((a, b) => a.get('voteCount') < b.get('voteCount')).slice(0, 1).map(worldview => { return ( <p>{worldview.get('title')}: {worldview.get('voteCount')} <i className='icon-check'></i></p> ); }).toArray();

这应该不是问题，因为我使用的是支持任何迭代器的 React 0.13，但显然在旧浏览器上它会中断。