Skip to main content

Tenho o seguinte código:

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)função window.setTimeout(this.requireSeries, 2000) vai dar pau alguma hora, quando o numeronúmero de registro de usuariosusuários for grande, mas ehé a unica maneira que encontrei para carregar os dados no "this.state.users"this.state.users. Tentei usar assyncasync e awaitawait mas naonão funcionou.. alguemAlguém sabe como usaria um assync await aiasync / await?

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?

Tenho o seguinte código:

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 função window.setTimeout(this.requireSeries, 2000) vai dar pau alguma hora, quando o número de registro de usuários for grande, mas é a unica maneira que encontrei para carregar os dados no this.state.users. Tentei usar async e await mas não funcionou. Alguém sabe como usaria async / await?

Fonte Link

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?