代码之家  ›  专栏  ›  技术社区  ›  dragi

通过React中的嵌套对象进行映射

  •  0
  • dragi  · 技术社区  · 7 年前

    我在别的地方找不到这个,所以我们走吧。我试图映射一个嵌套对象并显示值,但我只能得到显示的键。

    对象:

    data = {
      objectOne: {
        name: "some name",
        otherValue: "something else"
      },
      someValue: "someValue",
      someOtherValue: "asdasd",
      objectTwo : {
        v1 : "v1",
        v2 : "v2",
        v3 : "v3",
      }
    }
    

    我的循环函数:(我只想显示objectOne的内容)

    Object.keys(data.objectOne).map(field => <div key={field}>{field}</div>
    

    这又回来了 name 和 otherValue 但不是实际值。

    我错过了什么?

    1 回复  |  直到 7 年前
        1
  •  1
  •   Christian Santos    7 年前

    Object.keys() 返回 钥匙 在对象中,这解释了为什么只打印密钥。尝试使用 Object.values() 相反(ES2017):

    Object.values(data.objectOne).map(value => <div key={value}>{value}</div>
    

    或者,你可以坚持 Object.keys 然后使用括号表示法从 data.objectOne 对象:

    Object.keys(data.objectOne).map(field => <div key={field}>{data.objectOne[field]}</div>