0
votes

Accès aux données de promesse de l'API de nœud à l'intérieur de réagir

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 res.json 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 finalement, mais j'ai actuellement des difficultés à accéder aux valeurs. XXX

Je reçois les résultats Dans la console, mais ils sont coincés dans [[promontvalue]].

 Entrez la description de l'image ici

Je dois manquer une sorte de Async étape, mais je ne suis pas sûr de quoi.


2 commentaires

fetch ('http: // localhost: 3000 / utilisateurs / signe_in', options) .Chen (réponse => réponse.json ()). ensuite (données => console.log (données));


Associé: JSON.PARSE () vs. .json ()


4 Réponses :


0
votes

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));


0 commentaires

0
votes

Vous avez cette erreur parce que intervention.json () retourne une promesse.

vous devez faire Fetch ('http: // localhost: 3000 / utilisateurs / signe_in', options) .Ce (réponse => réponse.json ()) .then (res => console.log (res));


0 commentaires

0
votes

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.
        }
    );


0 commentaires

0
votes

Regardez le Fetch API: https://developer.mozilla.org/en-us/ DOCS / Web / API / FETCH_API / UTILISE_FETCH

Vous avez besoin d'un distinct (code> (code> chaîné pour prendre les données JSON une fois prêts, et cela vous donnera les valeurs. < Pré> xxx


0 commentaires