Warum wird meine Abrufantwort in meinem Versand nicht bestanden?

Question

Ich versuche, einen Knotenserver als Vermittler zwischen Firebase und meiner nativen App zu verwenden.

Kann mir bitte jemand sagen, was ich hier falsch mache?

export const fetchPostsByNewest =() => { 
    return (dispatch) => { 
    fetch('http://localhost:3090/') 
    .then((response) => { 
     console.log(response.json()); 
     //dispatch({ type: NEW_POSTS_FETCH_SUCCESS, payload: response.json()}); 
    }); 
    }; 
}; 

dies ist der Knoten/Express-Router:

const router = (app) => { 
    app.get('/', (req, res) => { 

    firebase.database().ref('/social/posts') 
     .once('value', snapshot => res.json(snapshot.val())); 
    }); 
}; 

Wenn ich mir dies die response.json() dann nur erhalten console.log:

Wenn ich Antwort console.log, ich Holen Sie sich dies:

Wie kann ich die Header loswerden? Wenn ich console.log(response._bodyInit) tun dann das ich bekommen:

das wie folgt aussieht, was ich brauche.

Aber wenn ich es durch als Nutzlast passieren dann bekomme ich diesen Fehler:

Meine vorherige Aktion Schöpfer direkt mit Feuerbasis gearbeitet, wie folgt aus:

export const fetchPostsByNewest =() => { 
    return (dispatch) => { 
    firebase.database().ref('/social/posts') 
     .once('value', snapshot => { 
     console.log(snapshot.val()) 
      dispatch({ type: NEW_POSTS_FETCH_SUCCESS, payload: snapshot.val() }); 
     }); 
    }; 
}; 

Wenn ich console.log(snapshot.val()). Dann habe ich diese:

Dies funktioniert gut und sieht genauso aus wie die letzte console.log von console.log(response._bodyInit).

Was mache ich hier falsch? Ich würde jede Hilfe sehr schätzen.

Vielen Dank!

Answer 1

response.json() ein Versprechen zurück, so dass Sie einen anderen Link brauchen in der Versprechung Kette

export const fetchPostsByNewest =() => { 
    return (dispatch) => { 
     fetch('http://localhost:3090/') 
     .then((response) => response.json()) 
     .then((json) => { 
      console.log(json); 
      dispatch({ type: NEW_POSTS_FETCH_SUCCESS, payload: json}); 
     }); 
    }; 
}; 

Wenn Sie nicht brauchen, die json

console.log

Answer 2

Fetch funktioniert ein wenig anders, wenn Sie response.json() nennen, das ein anderes Versprechen zurück, so dass Sie an die Kette benötigen eine andere then, nachdem Sie das neue Versprechen zurück:

fetch('http://localhost:3090/') 
    .then(response => response.json()) 
    .then(aFunctionToDoSomethingWithTheJson);