Je mets ensemble une application réagissante qui consomme des données d'une API de repos / express Express qui est actuellement sur ma machine locale. J'ai un simple Je reçois les résultats Dans la console, mais ils sont coincés dans [[promontvalue]]. P> Je dois manquer une sorte de Async étape, mais je ne suis pas sûr de quoi. P> p> res.json code> renvoyer un objet séquelon et je l'accède via un service que j'ai fait. Évidemment, je vais mettre l'objet dans
État code> finalement, mais j'ai actuellement des difficultés à accéder aux valeurs.
4 Réponses :
Le JSON code> La méthode renvoie une promesse que vous également em> besoin d'attendre. DO:
fetch('http://localhost:3000/users/sign_in', options)
.then(response => response.json())
.then(obj => console.log(obj));
Vous avez cette erreur parce que vous devez faire
intervention.json () code> retourne une promesse. P>
Fetch ('http: // localhost: 3000 / utilisateurs / signe_in', options)
.Ce (réponse => réponse.json ())
.then (res => console.log (res)); code> p>
Vous devez retourner la promesse de l'appel de la récupération ou autre que vous devez agir à ce sujet dans la promesse JSON.
const options = { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: JSON.stringify({email: "matthewharp@gmail.com", password: "M1nerals"}) }; fetch('http://localhost:3000/users/sign_in', options) .then(response => { console.log(response.json()) response.json().then( result => { // whatever you're doing with the data here. } );
Regardez le Vous avez besoin d'un Fetch Code> API:
https://developer.mozilla.org/en-us/ DOCS / Web / API / FETCH_API / UTILISE_FETCH
distinct (code> (code> chaîné pour prendre les données JSON une fois prêts, et cela vous donnera les valeurs. P> < Pré> xxx pré> p>
fetch ('http: // localhost: 3000 / utilisateurs / signe_in', options) .Chen (réponse => réponse.json ()). ensuite (données => console.log (données)); Code >
Associé: JSON.PARSE () vs. .json ()