Ich kann keine POST-Anforderung mit Abruf in reaktivem nativen ausführen

Question

Ich versuche, eine POST-Operation für eine JSON-Datei durchzuführen, die von einem json-Server im Knoten bedient wird. Ich erhalte die folgenden 500-Fehler beim Versuch, die POST-Operation auszuführen:

„Typeerror: kann Eigenschaft‚id‘undefinierter bei Function.createId lesen“

Die nach der Operation ist wie folgt:

pushState =() => { 
     var update = { 
      "a": 1, 
      "b": 2 
     }; 

    return fetch(url, { 
     mode: 'cors', 
     method: 'POST', 
     headers: { 
     'Accept': 'application/json', 
     'Content-Type': 'application/json', 
     }, 
     body: JSON.stringify(update) 
    }) 
    .then((response) => { 
     console.log(response); 
     response.text(); 
    }) 
    .then((responseData) => { 
     console.log("Response:",responseData); 
    }).catch((error) => { 
     console.log(error); 
    }) 
    .done(); 
    } 

Mache ich die POST-Anfrage korrekt?

Edit: Nach Asynchron-Zugabe und erwarte ich bin immer noch die gleichen Fehler:

pushState = async() => { 
    var update = { 
    "a": 1, 
    "b": 2 
    }; 

    var result = await fetch(url, { 
    mode: 'cors', 
    method: 'POST', 
    headers: { 
     'Accept': 'application/json', 
     'Content-Type': 'application/json', 
    }, 
    body: JSON.stringify(update) 
    }) 
    .then((response) => { 
    console.log(response); 
    return response; 
    }) 
    .catch((error) => { 
    console.log(error); 
    }); 

    return result; 
} 

Answer 1

Zwei Themen hier:

1. Sie sind nicht alles von fetch zurück.
2. fetch ist asynchron. Mit der Art und Weise, wie Sie es jetzt mit aufrufen, ein Ergebnis sofort zurücksendend, wird es fast immer undefined zurückgeben, wie Sie Ihren Fehler bekommen. Sie müssen pushState mit async/await schreiben.

Kommentare bearbeiten zu beantworten:

Da Sie die Funktion Pfeil-Syntax verwenden, pushState asynchron machen würde wie folgt aussehen:

pushState = async() => { /* code */ } 

Ihnen dabei helfen zu verstehen, wie fetch funktioniert, ich Lesung empfehlen this first. Um async zu verstehen und auf hohem Niveau zu warten, lesen Sie this article. Ihr resultierender Code sieht ungefähr so ​​aus: