Как передать ответ JSON одного URL-адреса и передать его другому URL-адресу JSON, чтобы получить результат?

Question

Я пытаюсь получить доступ ко всем "landscapePosterId" из этого JSON URL API . В ответе JSON на указанный выше URL: «landscapePosterId» - это imageID. Я хочу передать его по указанному ниже URL-адресу в конце, чтобы получить изображение типа http://staging.connectingdotsinfotech.com: 8080 / firestixAPI_dev_2 / api / v1 / files / download / Пример: - http://staging.connectingdotsinfotech.com: 8080 / firestixAPI_dev_2 / api / v1 / files / download / 5de660b91b5f7b5d95559311 , так как я могу объединить эти два API и получить доступ к изображению
Вот мой код доступа к «landscapePosterId»

import React from 'react';
import Axios from 'axios';
import "react-responsive-carousel/lib/styles/carousel.min.css"; // requires a loader
import { Carousel } from 'react-responsive-carousel';


class Slider extends React.Component {

    constructor() {
        super();
        this.state = {
            data: []
        }
    }

    async componentDidMount() {
        const response = await Axios.get("http://staging.connectingdotsinfotech.com:8080/firestixAPI_dev_2/api/v2/media/fetchAllMediaSlider")
        .then((response) => {
            //console.log(response.data)
            this.setState({
                data: response.data
            })
        })
    }

    async componentDidMount() {
        const response = await Axios.post("")
    }


    render() {
        return ( 
            <>
            <Carousel>
                <div>
                    {
                        this.state.data.map((item,index) => {
                            return (
                                <div key={index}>
                                    {item.landscapePosterId}
                                </div>
                            )
                        })
                    }
                </div>
            </Carousel>
            </>
        )
    }
}

export default Slider;

Answer 1

После первой выборки у вас есть все необходимое для создания sr c URL-адресов для изображений, которые будут загружаться в карусель. Сопоставьте полученные данные и деструктурируйте landscapePosterId, чтобы построить sr c url. Здесь я также деструктурировал id и description для клавиши реакции и текстового тега alt изображения для доступности

render() {
  const { data } = this.state;
  return (
    <div className="App">
      <Carousel>
        {data.map(({ description, id, landscapePosterId }) => (
          <img
            key={id}
            alt={description}
            src={`http://staging.connectingdotsinfotech.com:8080/firestixAPI_dev_2/api/v1/files/download/${landscapePosterId}`}
          />
        ))}
      </Carousel>
    </div>
  );
}