имеющий неопределенное значение дочернего объекта от firebase

Question

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

Это мой код

export default class Orders extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
        arrData:[]
    };
}
  componentDidMount = () => {
    var ref = database.ref('orders'); 

    ref.once('value').then(snapshot => {
        console.log('Orders',snapshot.val());

         // get children as an array
         var items = [];
         snapshot.forEach((child) => {
           items.push({
              id: child.val().id,
              customer: child.val().customerId,
              products:JSON.stringify([child.val().products]),
           });
        });

        this.setState({ arrData: items});
        //console.log(items);
    });
  }

  renderItem = ({item, index}) => (
    <TouchableOpacity
      style={styles.listItem}>
      <View style={styles.view}>
        <Text style={styles.text}>{item.customer}</Text>
      </View>
    </TouchableOpacity>
  )

render()
{
  return(
    <View style={{flex: 1}}>
      <FlatList
        //refreshing={this.state.refresh}
        //onRefresh={this.loadNew}
        data={this.state.arrData}
        keyExtractor={(item, index) => index.toString()}
        style={{flex:1, backgroundColor:'#eee'}}
        renderItem={this.renderItem}
        //onEndReached={this.handleLoadMore}
        onEndThreshold={0}
        />
    </View>
  )
}
}

Я пытался изменить эту строку

var ref = database.ref('orders'); 

в это

var ref = database.ref('orders').child(myOrders); 

но я получаю (ноль) в консоли