Как вызывать API выборки один за другим в React? - PullRequest
Новая
       19

Как вызывать API выборки один за другим в React?

0 голосов
/ 22 сентября 2018

У меня есть два API для серверной части OAuth: 

app.get('/auth/google',passport.authenticate('google', {
                scope: ['profile']
            })
        )



app.get('/auth/google/callback',passport.authenticate('google', { failureRedirect: '/login' }),
        (req, res) => {
            console.log(req.user.google)

            res.json(req.user.google)
        }
    )

Front End (JSX) 

 //All under React class
 getData = () => {
       fetch('http://localhost:8080/auth/google/callback',{
       mode: 'no-cors',
       method: 'get'
      })
   .then(response => response.text())
   .then(text => console.log(text))
}

 callFirstApi = () => {
       fetch('http://localhost:8080/auth/google',{
       mode: 'no-cors',
       method: 'get'
  })
 .then(this.getData()) 
} 



 render(){
     return(
          <div className = "" >
       <input onClick = { this.callFirstApi }

  type = "submit"
  value = "Register with Google" />
  </div> 
       )
  }

_____________________________________________________________________________ Терминал (Консоль)

InternalOAuthError: Не удалось получить токен доступа в Strategy.OAuthStrategy._createOAuthError GET / auth / google / callback? Oauth_token = 81--b09b6480-9faa-45ee-ac78-1934190 & oauth_verifier = 28583 500 289,147 мс - 1295

{id: токен q5iPMrRJab,

: токен bfc0bb7-f7c5-4ef5-b97c-0b3e77bf550a ',

tokenSecret:' d473705-ddd3-487b-8838-849a476b29ed ',

firstName:' Some name ',

lastName:' somename '

}

GET / auth / google / callback? oauth_token = 81 - d2c05-1af2-4dff-b228-98d88f2caddf & oauth_verifier = 59719 200 1639,049 мс - 210

_____________________________________________________________________________

Поскольку / auth / google не дает никакого ответа, он запускает его callback api, поэтому я пытаюсь вложить выборку обратного вызова в auth / google , чтобы получить данные.Но странно, в моей консоли я получаю сначала ошибку токена, а затем пользовательские данные, и она не передает какие-либо данные во внешний интерфейс

Как я могу достичь этой ситуации API вложенных выборок и отправить реагирующие компоненты?

...