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

Question

在一些非最新的浏览器中，我的ReactJS网站输出了奇怪的ID，它们看起来像immutableJS对象的内部 这是IE10中的渲染：

在Chrome＆amp; Firefox一切都很好看。 以下是呈现第一个代码段的代码：

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();

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