我需要访问声明为outSide类的outState
var,然后在promise getData()
func中设置then()
func。
在循环结束时usrs func里面我需要访问它但我不能。
let outState = {};
class A extends Component{
getData(usr){
db.collection('a/'+usr+'/bb').get().then(snap=>{
for(i = snap.docs.length-1; i>=0; i--){
outState[usr] = [...outState[usr], snap.docs[i].data()];
}
});
}
usrs(usrs){
for(i = usrs.length-1; i>=0; i--){
this.getData(usrs[i]);
if(i===0){
this.setState({ ...this.state, ...outState });
}
}
}
}
我需要在for循环中更新状态,否则我可以在promise func中设置状态但是它使我的应用程序变慢。只是我想在promise之外访问它然后运行,然后在循环之外更新它。
我建议将组件重构为类似的东西,以保持一切更清洁:
class A extends Component{
constructor() {
super();
this.state = {
usersData: {}
}
}
getData(usr){
let dataForUser = {};
db.collection('a/'+usr+'/bb').get().then(snap=>{
for(i = snap.docs.length-1; i>=0; i--){
dataForUser[usr] = [...dataForUser[usr], snap.docs[i].data()];
}
});
return dataForUser;
}
usrs(usrs){
let data = {};
for(i = usrs.length-1; i>=0; i--){
let userData = getData(usrs[i]);
if(i===0){
data = {...data, ...userData};
}
}
this.setState({usersData: data});
}
}