קבלת אוביקט לריאקט אחרי שחזרו לי נתונים מהשרת

[מתכנתת...]

ניי,
יש לי פונקציה בשרת שמחזירה אוביקט
עכשיו אני רוצה לקבל את זה לצד לקוח
והסתבכתי עם זה...
אשמח לעזרה בקוד...
מצרפת את הפונקציה:
תודה!!

 const onSubmit = async () => {
    console.log(searchCases);
    console.log(JSON.stringify(searchCases));

    //  handleFormChange();
    try {
      await fetch("/api/cases/create_search_case", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify(searchCases),
      }).then(async (response) => {
        if (response.ok) {
          let byteArray = await response;
          let data = toJson(byteArray);
          setNewData(data);
          console.log(data);
        }
      });
    } catch (e) {
      console.error(
        'Error: An error was detected in the function "fetch" /api/cases/create_search_case OR in msgpk:',
        e
      );
    }
  };

 

[s976]

את משתמשת ב-fetch בצורה לא נכונה. יש בלבול בין שתי צורות העבודה עם Promise
את אמורה להשתמש או עם await או עם then
(לערבוב יש הצדקה במקרים נדירים, ובתנאי שאת מבינה בדיוק מה את עושה ולמה).
תראי איזו דוגמא של fetch ותשתמשי בה

זה אמור להיראות בערך כך

let response = await fetch(url);

if (response.ok) { // if HTTP-status is 200-299
  // get the response body (the method explained below)
  let json = await response.json();
} else {
  alert("HTTP-Error: " + response.status);
}

הדוגמא מכאן: https://javascript.info/fetch