Здравствуйте. Задача: сформировать из Промиса список "сообщений" в виде Автор-Текст

Question

Здравствуйте. Задача: сформировать из Промиса список "сообщений" в виде Автор-Текст

и вывести их на страницу.

Что делаю: с API делаю промис. Формирую список "сообщений" и отображаю их в консоли. В консоли всё красиво и правильно выводится. А вот на страницу вывести не получается.

Какая ошибка: "Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead."

Песочница с участком кода: https://codepen.io/kirill-horew/pen/bGgZqGe?editors=0110

#frontend #javascript #programming #react.js #russian

0

26.04.2021

6 ответов

4 просмотра

Kir Автор вопроса

🙏

0

26.04.2021

Kir Автор вопроса

Не очень понимаю как именно. Вы могли бы прислать участок кода? 🙏

0

26.04.2021

Andrew Kosarev

const result = this.messageService.getTen(); let html = ''; result.then(function (res) { html = res.map((item) => { return `${item.author}: ${item.text}` }) })

0

26.04.2021

Kir Автор вопроса

Так тоже пробовал. Не помогло. Выводится просто пустая строка.

0

26.04.2021

Andrew Kosarev

Потому что рендер уже произошел к моменту когда строка готова

0

26.04.2021

Andrew Kosarev · Accepted Answer

Andrew Kosarev

У тебя html === Promise, а не результат промиса. Тебе надо в резолве маппить резльтат куда то (стейт/переменная), а не просто возвращать

0

26.04.2021

169 похожих чатов

Здравствуйте. Задача: сформировать из Промиса список "сообщений" в виде Автор-Текст

6 ответов

Похожие вопросы