Задать вопрос
@Yzurgzd

Почему ругается на map?

const appsService = new AppsService();

constructor(props) {
    super(props);
    this.state = {
      apps: [],
    };
  }

  componentDidMount() {
    var self = this;

    const {
      match: { params },
    } = this.props;

    appsService.getApp(params.pk).then(function (result) {
      console.log(result);
      self.setState({ apps: result });
    });

getApp
getApp(pk) {
    const url = `${API_URL}/api/apps/${pk}/`;
    return axios.get(url).then((response) => response.data);


В консоль выводится корректно, но при выводе в компонент ошибка Uncaught TypeError: this.state.apps.map is not a function
Вывожу вот так
{this.state.apps.map((app) => (
    <h1>{app.title}</h1>
))}
  • Вопрос задан
  • 86 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Нетология
    Frontend-разработка на React
    10 недель
    Далее
  • ProductStar
    Разработка на React
    6 недель
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
Решения вопроса 1
hzzzzl
@hzzzzl
appsService.getApp(params.pk).then(function (result) {
      console.log(result);  // ?

тут точно массив, а не строка или объект?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
от 250 000 до 300 000 ₽
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Екатеринбург
от 50 000 до 90 000 ₽