Блог

Главная - Вопросы по программированию - как использовать функцию map с (axios / classhooks) для чтения из API

как использовать функцию map с (axios / classhooks) для чтения из API

#reactjs #axios

#reactjs #axios

Вопрос:

 import React, { Component } from "react";
import axios from "axios";
class Verifry extends Component {
  constructor(props) {
    super(props);
    this.state = {
      s: "0",
      user: [],
    };
  }

/* имеет title в качестве атрибута в res.data*/
асинхронный componentDidMount() {
ожидает axios
.get( http://10.0.0.106:8080/kuwait_elections/api/about_us )
.затем ((res) => {
const persons = res.data;
this.setState({ user: persons.data.title, s: «4» });
console.log(this.state.user);
});
}
componentDidUpdate() {
// this.state.user.map((u) => {
// return

  • u

    • ; // }); } render() { return (

      {this.state.user.map((t) => { return

    • {t.title}

      • ;
      })}

    );
    }
    }

     export default Verifry;

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

    1. не могли бы вы отформатировать свой фрагмент кода?

    Ответ №1:

    Кажется, ваш возврат неверен. Это должно быть так.

     {
  this.state.user.map(({title}) => { 
    return { title };
  })
}

    Примечание: Пожалуйста, правильно отформатируйте свой код, чтобы его было легче понять.