React Native - Firestore wait render until query ends
up vote
0
down vote
favorite
Im making an app by using react native and firestore.
Here a piece of my code;
getData(mat)
let count = 0;
let val;
db.collection("Yemek").doc("Materials").collection(mat).get().then((querySnapshot) =>
querySnapshot.forEach((doc) =>
count++;
val = doc.data().value;
matKey = mat+count.toString();
this.state.array.push([
meal=mat, value=val, status=false, key=matKey
]);
);
).catch(err =>
console.log('Error getting documents', err);
return false;
);
componentWillMount()
this.getData('vegetables');
this.getData('legumes');
this.getData('meat');
this.getData('milk');
this.getData('others');
render()
return (//Render components)
Im rendering components with array located in state. But its return null because app rendering components before query ends. I searched yesterday. i guess i should use promises but i failed to use that. Could you help me?
firebase react-native google-cloud-firestore expo asked Nov 10 at 22:46
Cem Kocagöz
12
add a comment |
up vote
0
down vote
favorite
Im making an app by using react native and firestore.
Here a piece of my code;
getData(mat)
let count = 0;
let val;
db.collection("Yemek").doc("Materials").collection(mat).get().then((querySnapshot) =>
querySnapshot.forEach((doc) =>
count++;
val = doc.data().value;
matKey = mat+count.toString();
this.state.array.push([
meal=mat, value=val, status=false, key=matKey
]);
);
).catch(err =>
console.log('Error getting documents', err);
return false;
);
componentWillMount()
this.getData('vegetables');
this.getData('legumes');
this.getData('meat');
this.getData('milk');
this.getData('others');
render()
return (//Render components)
Im rendering components with array located in state. But its return null because app rendering components before query ends. I searched yesterday. i guess i should use promises but i failed to use that. Could you help me?
firebase react-native google-cloud-firestore expo asked Nov 10 at 22:46
Cem Kocagöz
12
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Im making an app by using react native and firestore.
Here a piece of my code;
getData(mat)
let count = 0;
let val;
db.collection("Yemek").doc("Materials").collection(mat).get().then((querySnapshot) =>
querySnapshot.forEach((doc) =>
count++;
val = doc.data().value;
matKey = mat+count.toString();
this.state.array.push([
meal=mat, value=val, status=false, key=matKey
]);
);
).catch(err =>
console.log('Error getting documents', err);
return false;
);
componentWillMount()
this.getData('vegetables');
this.getData('legumes');
this.getData('meat');
this.getData('milk');
this.getData('others');
render()
return (//Render components)
Im rendering components with array located in state. But its return null because app rendering components before query ends. I searched yesterday. i guess i should use promises but i failed to use that. Could you help me?
firebase react-native google-cloud-firestore expo asked Nov 10 at 22:46
Cem Kocagöz
12
Im making an app by using react native and firestore.
Here a piece of my code;
getData(mat)
let count = 0;
let val;
db.collection("Yemek").doc("Materials").collection(mat).get().then((querySnapshot) =>
querySnapshot.forEach((doc) =>
count++;
val = doc.data().value;
matKey = mat+count.toString();
this.state.array.push([
meal=mat, value=val, status=false, key=matKey
]);
);
).catch(err =>
console.log('Error getting documents', err);
return false;
);
componentWillMount()
this.getData('vegetables');
this.getData('legumes');
this.getData('meat');
this.getData('milk');
this.getData('others');
render()
return (//Render components)
Im rendering components with array located in state. But its return null because app rendering components before query ends. I searched yesterday. i guess i should use promises but i failed to use that. Could you help me?
firebase react-native google-cloud-firestore expo firebase react-native google-cloud-firestore expo asked Nov 10 at 22:46
Cem Kocagöz
12
asked Nov 10 at 22:46
Cem Kocagöz
12
edited Nov 11 at 14:53
asked Nov 10 at 22:46
Cem Kocagöz
12
asked Nov 10 at 22:46
Cem Kocagöz
12
asked Nov 10 at 22:46
Cem Kocagöz
12
12
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244173%2freact-native-firestore-wait-render-until-query-ends%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
