javascript - 寻找用 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()

}

“bars”数组应该有 3 个进度条组件...我创建这个项目只是为了我自己的教育目的，并且想学习不同的方法。

链接到此应用程序:Alex Pilugin: React-Game (它适用于 Chrome，不适用于 Safari)

Answer 1

将其替换为 Object.keys，因为 Safari 尚不支持 Object.entries。

const bars = [];
Object.keys(this.props.params).forEach(key => {
  const value = this.props.params[key];
  bars.push(
   <ProgressBar 
     key={key}
     property={key} 
     value={Number(value)} />  
   );
 });