Abrufen von Benutzerinfo aus Auth0-Anwendung in React Native

Question

Ich verwende Auth0 Reactive-Native-Sperre Widget für die Benutzerauthentifizierung, und nach einer erfolgreichen Anmeldung speichern ich die Token mit AsyncStorage.

Wenn ein Benutzer zurück zur App kommt, möchte ich in der Lage sein, die Anmeldung zu überspringen und einfach die aktuelle Benutzerinfo von Auth0 abzurufen. Es scheint unglaublich einfach aus dem die Auth0 API docs aber ich die Meldung „Unauthorized“ in meiner app immer wieder:

async getUserinfo() { 
console.log('getting user info in getUserInfo()'); 
try { 
    let response = await fetch('https://xxxxx.auth0.com/userinfo', { 
    method: 'GET', 
    headers: { 
     Authorization: 'Bearer ${this.state.token.accessToken}', 
    }, 
    }); 
    let responseJson = await response.json(); 
    if(responseJson !== null) { 
    console.log('Got user info: ' + responseJson.email); 
    this.setState({ component: Temp, isLoading: false, profile: responseJson}); 
    } 
} catch (error) { 
    console.log('Error in retrieving userinfo from Auth0: ' + error.message); 
    this.setState({ component: Login, isLoading: false}); 
} 
} 

Was mir fehlt? Ich kann nicht viele Beispiele für die Verwendung von Fetch mit Auth0 finden, gibt es eine bessere Methode, die ich verwenden sollte?

Answer 1

Problem im Rahmen der an associated GitHub issue identifiziert. Falls jemand landet hier und nicht dort, wo das Problem gelöst wurde, das Problem ist, dass Sie verwenden müssen:

Authorization: 'Bearer ' + this.state.token.accessToken, 

_{Originalcode die Variable innerhalb eines Stringliteral 'Bearer ${this.state.token.accessToken}' zuzugreifen versucht.}