Skip to main content
1 de 2

Como trabalhar com assincronismo usando o ReactJS

requireUsers = () => {
    this.users = database.ref('users')
    this.users.on('value', snapshot => {
        this.state.users = snapshot.val()
        Object.keys(snapshot.val()).map((value,key) => emails[key] = snapshot.val()[value].email)  
    })       
}

requireSeries = () => {
    Object.keys(emails).map((value,key) => emails[value] === email ? userId = Object.keys(this.state.users)[key] : "")
    this.series = database.ref(`users/${userId}/series/${this.props.match.params.genre}`)
    this.series.on('value', snapshot => {
        this.setState({
            series: snapshot.val()
        })
    })
}

componentDidMount = () => {
    auth.onAuthStateChanged(user => {
        if (user){
            email = user.email   
            this.setState({
                isLoggedIn: true,
                isLoading: false
            })              
            this.requireUsers()
            window.setTimeout(this.requireSeries, 2000)  
        }
    })         
}

Sei que essa funcao window.setTimeout(this.requireSeries, 2000) vai dar pau alguma hora, quando o numero de registro de usuarios for grande, mas eh a unica maneira que encontrei para carregar os dados no "this.state.users". Tentei usar assync e await mas nao funcionou.. alguem sabe como usaria um assync await ai?