Проблема не могу вытщить get запросом один элеменет в масиве

 "apartment_images": [
                {
                    "id": 10,
                    "image": "https://vm4506017.43ssd.had.wf/media/apartment/image_rv_seven.png",
                    "created_at": "2023-06-20 18:34:33",
                    "apartment": 2
                },
                {
                    "id": 9,
                    "image": "https://vm4506017.43ssd.had.wf/media/apartment/image_rv_six.png",
                    "created_at": "2023-06-20 18:34:19",
                    "apartment": 2
                },
                {
                    "id": 8,
                    "image": "https://vm4506017.43ssd.had.wf/media/apartment/image_rv_three.png",
                    "created_at": "2023-06-20 18:33:57",
                    "apartment": 2
                }
            ],

вот так выглядит массив

  async function getProducts() {
    try {
      const { data } = await axios.get(`${BASE_URL}/apartment/`);
      dispatch({
        type: ACTIONS.products,
        payload: data.results,
      });
    } catch (error) {
      console.log(error);
    }
  }

функция стягивания <img src={item.apartment_images.image} alt="error" /> и вот сюда нужно стянуть изображение но я щас не понимаю как это сделать всю ночь просидел все перебрал не получлось помогите срочно


Ответы (1 шт):

Автор решения: DIGMEN_GG
{item.apartment_images.length > 0 ? (
  <img
    width="100%"
    src={item.apartment_images[0].image}
    alt="error"
  />
) : (
  <p>No image available.</p>
)}

решилось таким образом, нужно было длину убрать, и потом по идексу первый

→ Ссылка