Reactjs 通过带有一个标签的对象循环

新用户需要做出反应并尝试循环浏览某些数据。我有一个对象数组，每个对象只有一个属性，另一个数组。在循环浏览此数据时，如何引用“硬币”和“票据”的密钥

这来自我的容器控制器

const denominations = [
  {
    coins: [
      { name: 'Penny', namePlural: 'Pennies', label: '1¢', value: .01, },
      { name: 'Nickel', namePlural: 'Nickels', label: '5¢', value: .05, },
      { name: 'Dime', namePlural: 'Dimes', label: '10¢', value: .10, },
      { name: 'Quarter', namePlural: 'Quarters', label: '25¢', value: .25, }
    ]
  },
  {
    bills: [
      { name: 'Dollar', namePlural: 'Dollars', label: '$1', value: 1, },
      { name: 'Five', namePlural: 'Fives', label: '$5', value: 5, },
      { name: 'Ten', namePlural: 'Tens', label: '$10', value: 10, },
      { name: 'Twenty', namePlural: 'Twentys', label: '$20', value: 20, },
      { name: 'Fifty', namePlural: 'Fiftys', label: '$50', value: 50, },
      { name: 'Hundred', namePlural: 'Hundreds', label: '$100', value: 100, }
    ]
  }
];

这是在哑控制器内

let denoms = props.denominations.map(function (denom) {
    return (
        <div className="col" key={denom}>test</div>
    )
});

let denom=props.nominations.map（函数（denom）{
返回(
测试
)
});

---

在Angular中，我习惯了

函数（值、键）

语法。如何提取“硬币”和“钞票”的键？

您可以使用方法获取对象的键，然后使用返回的数组再次使用map

let denoms = props.denominations.map(function (denom) {
  return (
    Object.keys(denom).map(function(key){
      return (<div className="col" key={key}>test</div>)
    })
  );
});

编辑：

如果要循环遍历每个关键点内的所有对象，可以再次使用带有值的贴图，如下所示

let denoms = props.denominations.map(function (denom) {
  return (
    Object.keys(denom).map(function(key){
      return denom[key].map(function(item){
        return (<div className="col" key={item}>{item.name}</div>)
      })
    })
  );
});

---

您可以使用方法获取对象的键，然后使用返回的数组再次使用map

let denoms = props.denominations.map(function (denom) {
  return (
    Object.keys(denom).map(function(key){
      return (<div className="col" key={key}>test</div>)
    })
  );
});

编辑：

如果要循环遍历每个关键点内的所有对象，可以再次使用带有值的贴图，如下所示

let denoms = props.denominations.map(function (denom) {
  return (
    Object.keys(denom).map(function(key){
      return denom[key].map(function(item){
        return (<div className="col" key={item}>{item.name}</div>)
      })
    })
  );
});

---

你是说

for（myObject中的var key）{console.log（key，myObject[key]）

是的，你不能用map函数来实现这一点吗？你是说

for（myObject中的var key）{console.log（key，myObject[key]）

是的，你不能用映射函数来实现这一点吗？然后循环每个键内所有对象的最干净方式是什么？看起来可能是它自己的组件，然后循环每个键内所有对象的最干净方式是什么？看起来可能是它自己的组件