JavaScript如何使用数组将结果附加到api

告诉我如何正确地制作这样一个函数。我在React框架中使用javascript

我是从这个json数组获取API的

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

我想在最后有个结果，就像这样

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

我正在尝试附加此功能

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);

---

当您想要从API获取一些数据时，可以在React组件中执行类似的操作

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>
      )
   }

从“React”导入React；
从“axios”导入axios；
导出默认类Bank.Component{
状态={
数据：[]
}
componentDidMount（）{
axios.get(`http://localhost:8080/api/v1/products/credits/`)
。然后（res=>{
this.setState（{data:res}）；
})
}
render（）{
返回(

{this.state.data.map（d=>
{d.credit.bank.name}
）}

)
}

---

}

当您想要从API获取一些数据时，可以在React组件中执行类似的操作

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>
      )
   }

从“React”导入React；
从“axios”导入axios；
导出默认类Bank.Component{
状态={
数据：[]
}
componentDidMount（）{
axios.get(`http://localhost:8080/api/v1/products/credits/`)
。然后（res=>{
this.setState（{data:res}）；
})
}
render（）{
返回(

{this.state.data.map（d=>
{d.credit.bank.name}
）}

)
}

}这个解决方案对我来说）谢谢你的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)
})

let-fData；
设lData=[]；
设pData=[]；
for（设i=0；i

这是我的解决方案）谢谢你的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)
})

let-fData；
设lData=[]；
设pData=[]；
for（设i=0；i

在何处以及如何使用返回的数据下一步我将在render with Map中显示，您在何处获取这些数据？在render method中？您能用一个示例更新问题吗？显示您期望的最终结果是什么？我从APIWhere获取的变量数据以及如何使用返回的数据下一步我在render with Map中显示的数据以及您从何处获取这些数据？在render method？你能用一个例子来更新这个问题吗？这个例子展示了你期望的最终结果是什么？我从API获得的变量数据