Отображение через вложенный объект в React - PullRequest
Новая
       15

Отображение через вложенный объект в React

1 голос
/ 11 апреля 2019

Я не мог найти это где-нибудь еще, так что поехали. Я пытаюсь отобразить вложенный объект и отобразить значения, но все, что я могу получить, это отображаемый ключ.

Объект: 

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 Ответ

1 голос
/ 11 апреля 2019

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>
...