在某些最新的浏览器中,我的ReactJS网站输出奇怪的id,看起来像immutableJS对象的内部
这是IE10中的渲染:
在Chrome和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对象的列表。
我在这里做错了什么?
最佳答案
如果我对这样的地图结果调用.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,但是显然在较旧的浏览器上它会中断。
关于javascript - React + immutableJS在旧的浏览器中呈现一些奇怪的输出,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33344227/