Массив setState и получение массива React Native

Модификации, которые я сделал ниже, очень грязные, ваша проблема, я подозреваю, в том, что вы вызываете setState в обоих приведенных выше методах до того, как ваш цикл будет выполнен.

Вы выполняете цикл синхронно, выполняете асинхронное действие внутри цикла, выходите из цикла (синхронно) и вызываете setState, ожидая, что массивы будут заполнены данными, полученными внутри цикла, этого не произойдет, поскольку вы не ожидание запросов AJAX к firebase.

То, что я сделал ниже, - это поместил вызовы setState в разрешение обещания в каждом из ваших циклов, это не идеально (на самом деле, это ужасная идея для производства), поскольку он обновит состояние для каждого элемента в список, а не после того, как все данные были собраны. Вам нужно сделать этот цикл, есть много способов сделать это. Тем не менее, он должен продемонстрировать суть, и вы должны увидеть данные на своем экране.

constructor() {
    super();

    this.getUserItems = this.getUserItems.bind(this);


    this.state = {
        Name: '',
        Location: '',
        items: [],
        Keys: [],
        test: ''
    };
}

componentDidMount() {
    console.info('UserProfile');

    this.getUserItems();
    this.queryKeys();

}


getUserItems = () => {

    const Keys = [];

    const userCollectionRef = firebase.firestore()
        .collection('a').doc('b')
        .collection('c')




    userCollectionRef.get()
        .then((querySnapshot) => {
            console.info("user doc received");

            querySnapshot.forEach(function (doc) {

                console.info('Doc.id: ', doc.id);
                console.info('Doc.Key: ', doc.data().Key);
                console.info('Doc.CollectionRef: ', doc.data().CollectionRef);

                const {Key, CollectionRef} = doc.data();

                Keys.push({
                    Key,
                    CollectionRef
                })


            });

              this.setState(() =>({
                    Keys,
                    test: 'testString'
                }));

        }).catch(function (error) {
        console.error("getUserItems => error: ", error);
    });



    console.info("Keys inside: ", Keys);
};


queryKeys() {
    const items = [];


    console.info("queryKeys Called!");
    console.info("queryKeys :", this.state.Keys);
    console.info('test: ', this.test);



    this.state.Keys.forEach(function(Key, CollectionRef)  {

        console.info("Key array: ", Key);
        console.info("CollectionRef array: ", CollectionRef);

        firebase.firestore
            .collection('a').doc('b')
            .collection(CollectionRef)
            .doc(Key)
            .get().then(function (doc) {

            console.info("doc received");

            const {Name, imageDownloadUrl, Location} = doc.data();

            items.push({
                key: doc.id,
                doc, // DocumentSnapshot
                Name,
                imageDownloadUrl,
                Location,
            });

         this.setState({
             items
         });

        }).catch(function (error) {
            console.error("queryKeys: error: ", error);
        })

    }) // forEach end



}

Ниже вы увидите грубый пример того, как вы можете сделать цикл асинхронным, используя async и await, не зная, хорошо ли работает Firebase API с этим, вам, вероятно, придется немного почитать их документацию.

queryKeys() {
    const items = [];


    console.info("queryKeys Called!");
    console.info("queryKeys :", this.state.Keys);
    console.info('test: ', this.test);



    this.state.Keys.forEach(async function(Key, CollectionRef)  {

        console.info("Key array: ", Key);
        console.info("CollectionRef array: ", CollectionRef);

        try {
            let result = await firebase.firestore
            .collection('a').doc('b')
            .collection(CollectionRef)
            .doc(Key)
            .get();


            const {Name, imageDownloadUrl, Location} = result.data();

            items.push({
                key: doc.id,
                doc, // DocumentSnapshot
                Name,
                imageDownloadUrl,
                Location,
            });
        } catch (e) {
            console.error("queryKeys: error: ", error);
        }
    }) // forEach end


    this.setState({
        items
    })

}