Источник изображения из атрибута состояния

Question

Итак, у меня есть эта база данных:

[
  {
    "url": "https://i.imgur.com/5UzmND6.png",
    "idEquipo": 4
  },
  {
    "url": "https://i.imgur.com/yNj4w3b.jpg",
    "idEquipo": 3
  },
  {
    "url": "https://i.imgur.com/410yDrl.png",
    "idEquipo": 1
  },
  {
    "url": "https://i.imgur.com/Qv4S7p7.png",
    "idEquipo": 2
  },
  {
    "url": "https://drive.google.com/file/d/1RKsZuCqlheKnuu5yf-6MLoct_SDqX6we/view",
    "idEquipo": 5
  }
]

Я хочу использовать состояние «imagen» в качестве источника моего изображения.

Это моя выборка:

getImagenes(id) {
    fetch(Global.url + "Imagenes?idEquipo=" + id)
      .then(res => res.json())
      .then(res => {
        this.setState({
          imagen: res,
          isLoading: false,
        });
      });
  }

Чтобы было ясно, fetch (Global.url + "Imagenes? IdEquipo =" + id) возвращает это:

[
  {
    "url": "https://i.imgur.com/410yDrl.png",
    "idEquipo": 1
  }
]

Поэтому я хочу получить доступ к URL-адресу и использовать его в качестве источника моего image.

Это мой код, но он не работает. Это первый раз, когда я использую URI, я студент.

<View style={styles.app_LogoContainer}>
      <Image source={{uri: this.state.imagen.url}} 
      style={styles.image}></Image>
</View>

Как я могу это сделать? Спасибо за помощь

Answer 1

Мне не ясно, что у вас есть объект или массив с одним элементом. Вы пробовали с imagen[0].url?