Ошибка типа: Не удается прочитать свойства неопределенного (чтение «карта»

#node.js #promise #chaining

#node.js #обещать #сцепление

Вопрос:

Я пытаюсь заставить результат поиска отображаться на моей html — странице и, в конечном счете, в форме. Проблема в моей функции .map, когда я запускаю код, я могу видеть только запись, которую ищу в консоли. Есть какие-нибудь предложения? Я использую nodejs, express и html.

 //Get sop number by combining url with data from input box  getInfo();  function getInfo() {  document.getElementById("form");  button.onclick = function (e) {  e.preventDefault();  const url = "http://localhost:6600/api/sopId";  let sopSearch = document.getElementById("sop");  fetch(`${url}/${sopSearch.value}`, {  method: "GET",  })  .then((response) =gt; {  console.log(response);  if (!response.ok) {  throw Error("ERROR");  }  return response.json();  })  .then((data) =gt; {  console.log(data);  const html = data.data.map((receipts) =gt; {  return `lt;pgt;SopNumber ${receipts.SOPNUMBE}lt;/pgt;`;  });  console.log(html);  document  .querySelector("#app")  .insertAdjacentElement("afterbegin", `lt;h1`);  })  .catch((error) =gt; {  console.log(error);  });  };  }  

Ответ №1:

 console.log(data)  const html = data.data.map((receipts) =gt; {  return `lt;pgt;SopNumber ${receipts.SOPNUMBE}lt;/pgt;`;  });  

Пожалуйста, сначала утешьте данные, а затем проверьте, существует ли что-то вроде data.data и является ли data.data массивом, который вы сопоставляете с ним

Надеюсь, вы получите свой ответ

Комментарии:

1. Конечно, спасибо за вашу заботу. Я начну комментировать вместо того, чтобы отвечать

2. Нет, не совсем, данные уже отображаются на консоли, просто я хочу, чтобы данные отображались на моей html-странице.