Javascript 如何将对象的属性和值映射到表？

这是我到目前为止的代码，根据“基准”汇率和所选日期提取历史货币数据。是否有方法显示“货币名称”和“汇率”列中返回的数据？我的代码如下所示：

var日期='2017-01-06'
var基数=‘美元’
var-API_请求https://api.fixer.io/“+日期+”？基数=“+基数；
var App=React.createClass({
getInitialState:函数（）{
返回{
费率：[]
}
},
componentDidMount:function（）{
var th=这个；
此为.serverRequest=
获取（API_请求）
.然后（函数（结果）{
console.log（result.data.rates）
塞斯塔({
费率：result.data.rates
});
})
},
componentWillUnmount:function（）{
这是.serverRequest.abort（）；
},
render:function（）{
var self=这个；
返回(
通货
价值
这里有货币
价值在这里
)
}
});
React.render（，document.querySelector（#root））；

只需使用

Object.keys（rates）

到

.map

映射数据，并在每次迭代中返回所需的DOM元素

方法返回给定对象自身可枚举属性的数组

换句话说，

Object.keys

将为您提供一个包含所有不同货币类型的数组，如下所示：

["AUD", "BGN", "BRL", ...]

现在，您可以使用

Array.prototype.map

来迭代数组并返回需要返回的内容

map（）方法创建一个新数组，其结果是对该数组中的每个元素调用提供的函数

{Object.keys（rates）.map（函数（值，idx）{
返回
{value}
{比率[值]}
})}

这里有一个例子

var日期='2017-01-06'
var基数=‘美元’
var-API_请求https://api.fixer.io/“+日期+”？基数=“+基数；
var App=React.createClass({
getInitialState:函数（）{
返回{
费率：[]
}
},
componentDidMount:function（）{
var th=这个；
此为.serverRequest=
获取（API_请求）
.然后（函数（结果）{
console.log（result.data.rates）
塞斯塔({
费率：result.data.rates
});
})
},
componentWillUnmount:function（）{
这是.serverRequest.abort（）；
},
render:function（）{
var self=这个；
var利率=本州利率；
返回(
通货
价值
{Object.keys（rates）.map（函数（value，idx）{
返回
{value}
{比率[值]}
})}
)
}
});
ReactDOM.render（，document.querySelector（“#root”）
谢谢@DavidDomain-我现在可以睡一会儿了：）
["AUD", "BGN", "BRL", ...]

{Object.keys(rates).map(function(value, idx) {
  return <tr key={idx}>
    <td>{value}</td>
    <td>{rates[value]}</td>
  </tr>
})}