JavaScript how to attach result to api with array

Question

Tell me how to properly make such a function. I use javascript with the React framework

i am get from API this json array

  [{
      id: 0,
      credit: {
        id: 7
      }
      "another data"
    }]

I want to have a result at the end, like this

[{
      id: 0,
      credit: {
        id: 7,
        bank: "Bank Name X" // This parameter must also be obtained from the API
      }
      "another data"
    }]

i am try attach with this function

let fData;
let lData = [];

for (let i = 0; i < data.length; i++) {
  fData = {
    ...data[i],
    credit: {
      bank: axios.get("http://localhost:8080/api/v1/products/credits/" + data[i].credit.id)
        .then(function(result) {
          return result.data.partner.name;
        })
    }
  }
  lData.push(fData);
}

console.log(lData);

This code returns. How to get Bank Name X

credit:
bank: Promise
__proto__: Promise
[[PromiseStatus]]: "resolved"
[[PromiseValue]]: "Bank Name X"

Can you please update the question with an example showing what you expect the end result to be? — IncrediblePony
– IncrediblePony, Commented Jun 11, 2020 at 11:50

asmaa · Accepted Answer · 2020-06-11 12:11:05Z

1

You can do something like that in your React component when you want to fetch some data from API.

import React from 'react';
import axios from 'axios';

export default class Bank extends React.Component {
    state = {
        data: []
    }

    componentDidMount() {
        axios.get(`http://localhost:8080/api/v1/products/credits/`)
          .then(res => {
            this.setState({ data: res });
        })
    }

   render() {
       return (
         <ul>
          {this.state.data.map(d => <li>{d.credit.bank.name}</li>)}
        </ul>
      )
   }

}

answered Jun 11, 2020 at 12:11

asmaa

7255 silver badges15 bronze badges

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

Comments

Injection · Accepted Answer · 2020-06-12 06:45:06Z

1

This solution for me ) Thank's ru.stackoverflow

let fData;
let lData  = [];
let pData = [];


        for(let i = 0; i < data.length; i ++){
            pdata.push(axios.get("http://localhost:8080/api/v1/products/credits/" + data[i].credit.id))
            fData = {
                ...data[i],
                credit: {
                  bank: "blank"

                }
            }
           lData.push(fData);
        }

Promise.all(pData).then(function(result){
    for(var res in result){
        lData[res].credit.bank = result[res].data.partner.name);
    }
    console.log(lData)
})

answered Jun 12, 2020 at 6:45

Injection

3013 silver badges8 bronze badges

Collectives™ on Stack Overflow

JavaScript how to attach result to api with array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest