Reaction-native: как сделать условный сетевой запрос

Question

Я использую случайный пользовательский интерфейс API для моего собственного реактивного проекта. Вот что я хочу сделать:

Проверьте, есть ли у randomUserapi имя пользователя, которое я хочу найти, и, если да, отобразите электронную почту пользователя, используя get request

Это мой код:

import React from 'react';
import {Text, StyleSheet, View, } from 'react-native';
import axios from 'axios'


export default class TestScreen extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      userName1: 'ronja',
      userName2: 'mathys',
    };
  }

  componentWillMount() {
    axios.get('https://randomuser.me/api?results=10')
          .then(response => console.log(response.data.results))
  }

  render() {
    return (
    <View style={{flex:1,justifyContent: 'center', alignItems: 'center'}}>

      <View style={styles.box}>
        <Text>userName1: {this.state.userName1} </Text>

// here I want check if random user api has name 'ronja' if yes, find the email and display

        <Text>email: </Text>
      </View>

      <View style={styles.box}>
        <Text>userName2: {this.state.userName2} </Text>
        <Text>email: </Text>
      </View>

    </View>
    );
  }
}