how to use map function with (axios/classhooks) to read from API

Question

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

/* has title as attribute within the res.data*/ async componentDidMount() { await axios .get(http://10.0.0.106:8080/kuwait_elections/api/about_us) .then((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 (

{t.title}

); } }

export default Verifry;

can you please format your code snippet?

Shyam
– Shyam

2020-11-01 16:15:57 +00:00
Commented Nov 1, 2020 at 16:15 — Shyam
– Shyam, Commented Nov 1, 2020 at 16:15

Paveloosha · Accepted Answer · 2020-11-01 16:30:38Z

0

Seems your return is not correct. It should be like this.

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

Note: Please format your code properly to make it easier to understand.

answered Nov 1, 2020 at 16:30

Paveloosha

6532 gold badges7 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to use map function with (axios/classhooks) to read from API

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related