React中如何获取JSON多维数组内指定键对应的取值？

嘿，这问题其实很好解决！你已经通过Object.keys(field)[0]拿到了键名"punteggio"，要获取它对应的取值，只需要用**对象[键名]**的方式直接访问就行：

// 假设field是honours数组里的单个对象（比如honours[0]）
const keyName = Object.keys(field)[0]; // 得到"punteggio"
const punteggioValue = field[keyName]; // 得到对应的值，比如7

不过其实还有更直接的写法——既然你已经明确知道目标键是"punteggio"，完全不用绕Object.keys这一步，直接通过点语法或者方括号语法访问：

// 点语法（更简洁直观）
const punteggioValue = field.punteggio;

// 方括号语法（和上面效果完全一致）
const punteggioValue = field["punteggio"];

结合你给出的honours数组结构，举个React里的实际使用例子，比如遍历数组渲染每个元素的punteggio值：

function HonoursList() {
  const honours = [
    { "punteggio" : 7, "serie" : "Serie A", "tipo" : "icon-scudetto", "anni" : "1926/1927 revocato, 1027/1928, 1942/1943, 1945/1946, 1947/1948" },
    { "punteggio" : 4, "serie" : "Serie B", "tipo" : "icon-scudetto", "anni" : "1958/1960, 1989/1990, 2000/2001, 2011/2012" },
    // 其他元素...
  ];

  return (
    <div className="honours-list">
      {honours.map((item, index) => (
        <div key={index} className="honour-item">
          <p>联赛：{item.serie}</p>
          <p>积分：{item.punteggio}</p>
          <p>获奖年份：{item.anni}</p>
        </div>
      ))}
    </div>
  );
}

这样就能轻松获取并渲染每个对象里的"punteggio"值啦～

内容的提问来源于stack exchange，提问作者Eugenios