ReactJs И Firestore: свойства сопоставленных объектов не определены

Question

Я пытаюсь создать список UserNames в своем классе SignUp, чтобы разрешить создание только уникальных displayNames. Однако при попытке просмотреть displayName объекта, как показано ниже, в консоли я вижу displayName, когда сопоставляется исходный объект, но при попытке сохранить его как переменную у меня остается неопределенное значение.

function nameCheck(){
    let userList = [];
    db.collection("userNames").get().then(function(querySnapshot) {
        querySnapshot.forEach(function(doc) {
            // doc.data() is never undefined for query doc snapshots
            console.log(doc.id, " => ", doc.data()) //I can see the parameter displayName here with //proper value
          console.log(doc.displayName) //here it is being logged as undefined 
        });
        console.log(userList); //I can see the array has the right amount of objects, but they are all //undefined 


    });

Я уверен, что это что-то простое, но я не могу заставить его работать вообще.

Answer 1

Я думаю, вы хотели сказать:

console.log(doc.data().displayName)

Значения свойств документа находятся в объекте, возвращаемом data().