Имя объекта в JSX

Question

Я хотел бы напечатать имя массивов, используя этот код:

const listItems = this.state.list.map((item, index) =>
    <div key={index}>
      <h6>{item}</h6>
    </div>
);

Я получаю ошибку

Объекты недопустимы в качестве дочерних элементов React

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

Имя не появилось в console.log

fire.database().ref(`master/users/${userUnderscore}/screenshots/`)
  .on('value', snapshot => {
    var obj = snapshot.val()
    var list = []
    var keys = []
    for (let a in obj) {
      list.push(obj[a])
      keys.push(a)
    }
    console.log(list)

Answer 1

item - это Object, как React должен отображать его?

Если вы хотите просто сбросить все это, преобразуйте его в строку:

<h6>{JSON.stringify(item)}</h6>

Если вы хотите отобразить одно свойство элемента, попробуйте:

<h6>{item.someValidPropertyInObject}</h6>

Вы не можете ожидать, что React знает, чего вы хотите.