数组函数映射和 foreach 不起作用

Question

我试图在 react native 中迭代一组对象，但由于某种原因我无法做到。 这就是我的阵列的样子。 这是数组

当我尝试使用arr.map((item,key) => console.log(item.id))映射此数组时，调试器中没有任何反应。

有什么帮助吗？

Edit2：这是完整的功能。

getPhotos = async () => {
        var firebaseStorageRef = await firebase.storage().ref();
        const photos = [];
        const documentSnapshot = await firestore()
            .collection('pictures')
            .doc(this.props.route.params.tc)
            .collection('photos')
            .get()
            .then(function (querySnapshot) {
                querySnapshot.forEach(function (doc) {
                    const imageRef = firebaseStorageRef.child(doc.data().path);
                    imageRef.getDownloadURL().then(data => photos.push(
                        {id: doc.id, link: data}
                    ))
                })
            });

        console.log(photos); //This shows the array in the debugger
        photos.map((item,key) => console.log(item)); //Nothing executes in this line
    }

Answer 1

问题在于这个代码片段imageRef.getDownloadURL().then因为这个承诺不会在每次迭代中等待并将 forEach 设置为 async 不是解决方案。

试试这个代码，它应该可以解决你的问题。

getPhotos = async () => {
    var firebaseStorageRef = await firebase.storage().ref();
    const photoPromises = [];
    const documentSnapshot = await firestore()
        .collection('pictures')
        .doc(this.props.route.params.tc)
        .collection('photos')
        .get();
    documentSnapshot.forEach(doc => {
        photoPromises.push((async (doc) => {
            const imageRef = firebaseStorageRef.child(doc.data().path);
            const link = await imageRef.getDownloadURL();
            return { id: doc.id, link };
        })(doc));
    });

    console.log(photoPromises); //This shows the array in the debugger
    const photos = await Promise.all(photoPromises);
    photos.map((item, key) => console.log(item)); //Nothing executes in this line
}

getPhotos();