寻找用ReactJS替换Object.entries（）

Question

我创建了这样的代码（它在Google Chrome中本地运行，但在AWS上无法运行）：

    parameters: {
      'forces': 100,
      'hit': 5,
      'defense': 5
    }
<Parameters params={this.props.parameters}/>
   //In render method:
   //console.log(this.props.params); "produces: Object{forces:100, hit:5, defence:5}"
const bars = Object.entries(this.props.params).map(([key,value]) => {
  return (
    <ProgressBar 
      key={key}
      property={key} 
      value={Number(value)} />  
  )
}); 
return (
  <div className="Parameters">
    {bars}
  </div>
);

基于此信息：  How do I loop through or enumerate a JavaScript object 如何使用旧时代码创建相等的代码：

const bars = [];
const obj = this.props.params;
for (const key of Object.keys(obj)) {
//console.log(key, obj[key]);
bars.push()

}

＆＃34;酒吧＆＃34;数组应该有3个进度条组件...我创建这个项目只是为了我自己的教育目的，并希望学习不同的方法。

此应用的链接：Alex Pilugin: React-Game（适用于Chrome，不适用于Safari）

Answer 1

将其替换为requests==2.12.4，因为Safari中尚不支持Object.keys。

Object.entries

Answer 2

Object.entries是ES2017 Draft proposal。 （Full Doc）

您需要使用polyfill进行跨浏览器支持。