如何将我在 URL 中使用的查询参数数据添加到我的响应数据中？

Question

I'm sending a request to get organization data's from API firstly, then ı getting another specific data's -which is "plants" - from another API with sending as a parameter organizationEIC property of my organization data which ı get in the first request. I am doing this to get for each plants of each organizations. What ı want to do is, I need to add organizationEIC property which ı use in the URL query to the response data's which are came as a result of my request. Let me make this clear with one example ;
I am sending a request like ** https://seffaflik.epias.com.tr/transparency/service/production/dpp-injection-unit-name?organizationEIC=40X000000000104H and as you can see it responses to me with 5 different plant data . I need to add the organizationEIC property -which ı use for get this 5- to this 5 response data and save like this to database to record which organization they are affiliated with. In another request with a different organizationEIC code, maybe it gets 2 plant data , so ı need to add my organizationEIC to this 2 plant data. So how can ı get this data from url to add my result datas in foreach loop?
I hope ı explained my problem clear and easy to understand. So here is my codes ;

var datas = []
var result = []
var plantList = []
class App extends Component {

  state = {
    companies: [],

    plants: []
  }



  componentDidMount() {
    fetch('https://seffaflik.epias.com.tr/transparency/service/production/dpp-organization', {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        'X-Requested-With': 'XMLHttpRequest'
      }
    })
      .then(response =>
        response.json())
      .then(async resultJson => {
        this.setState({
          companies: resultJson.body.organizations,
        })
        await this.getPlants(resultJson.body.organizations)   //first get org. datas and send as param.
      });
  }
  getPlants = async (items) => {
    const data = await Promise.all(items.map((plant) => {     //getting plants for each organization
      return fetch(`https://seffaflik.epias.com.tr/transparency/service/production/dpp-injection-unit-name?organizationEIC=${plant.organizationETSOCode}`, {
        method: 'GET',
        headers: {
          "Content-Type": "application/json",
          'X-Requested-With': 'XMLHttpRequest'           
        }
      }).then(response =>response.json())              //need some logic for my solution here probably :(
    }))
    data.forEach(element => {
      datas.push(element.body.injectionUnitNames)
    });
  
    Array.prototype.push.apply(plantList, this.configure(datas))
    this.setState({
      plants: plantList
    })
  }
  
  configure = (units) => {
    units.forEach((unit) => {
      unit.forEach((item) => {
        result.push(item)
      })
    })
    return result
  } 

I am open for any tips and tricks, thx in advance for your helps and advices:)

Answer 1

Add another then() to your fetch() and map the data with the new property

Something like:

const data = await Promise.all(items.map((plant) => {     //getting plants for each organization
      const {organizationETSOCode} =plant;
      return fetch(`https://seffaflik.epias.com.tr/transparency/service/production/dpp-injection-unit-name?organizationEIC=${organizationETSOCode}`, {
        method: 'GET',
        headers: {
          "Content-Type": "application/json",
          'X-Requested-With': 'XMLHttpRequest'           
        }
      }).then(response =>response.json())
        .then(data=> data.map(o => ({...o, organizationETSOCode})))             
    }))