Javascript 映射对象反应->；钥匙问题

将车把/木偶项目转换为React

需要映射两个对象的数组：

[{COAL: 462, GAS: 400, MIXED: 230, OIL: 288, TOTAL: 1380}, {COAL: 0, GAS: 0, MIXED: 0, OIL: 0, TOTAL: 0}]

我现在就是这样做的：

<tr className="Total">
    <td className="tableBoldBorder  hide">Total</td>
    {props.totals.map(totals =>
        R.values(totals).map(totals => (
            <td className="{{@key}}Column">{formatNumberValues(totals)}</td>
        ))
        )}
</tr>

是否仍然可以访问键以允许动态映射的类名

谢谢你的阅读

编辑：

我目前得到的是：

我想要的结果是：

---

类名“TOTALColumn”将在该特定列上呈现边框。硬编码，正如我在附件中所做的那样，这不是一个选项。

可能是

对象。条目是您要找的吗

您可以使用而不是
对象。值
映射到键上：

<tr className="Total">
  <td className="tableBoldBorder  hide">Total</td>
  {props.totals.map(totals =>
    Object.keys(totals).map(key => (
      <td className={`${key}Column`}>{formatNumberValues(totals[key])}</td>
    ))
  )}
</tr>


全部的
{props.totals.map（totals=>
Object.key（总计）.map（key=>(
{formatNumberValues（totals[key]）}
))
)}
这不是答案，而是指向答案方向的模糊指针。是的，很抱歉：（您需要多少行/单元格？提供一个结果行（或多行）的示例将非常有用）如您所愿。已编辑。感谢tip.Wow。快速准确的响应！Object.keys还有大量的浏览器支持！谢谢！@PaulPhillips-
Object.keys
是在ES5中添加的，并且受到所有现代浏览器的支持（如果有必要，您也可以在IE8中填充它）。还有一种更新的方法来处理
对象。条目
：
对象。条目（总计）。映射（[key，value]）=>/*…使用key作为键，使用value作为值*）
<tr className="Total">
  <td className="tableBoldBorder  hide">Total</td>
  {props.totals.map(totals =>
    Object.keys(totals).map(key => (
      <td className={`${key}Column`}>{formatNumberValues(totals[key])}</td>
    ))
  )}
</tr>