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

Я использую случайный пользовательский 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.info(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>
    );
  }
}

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

Вы не задали вопрос. В чем проблема? Что ты пробовал?

Kraylog 07.01.2019 06:53

Так в чем проблема?

Just code 07.01.2019 06:54

Прошу прощения, если я не понял. Я хочу найти имя пользователя, соответствующее моему состоянию, и отобразить его адрес электронной почты!

kirimi 07.01.2019 06:54

вам нужно перечислить response.data.results и найти имя пользователя с тем, которое у вас есть в вашем штате. тогда вы можете просто обновить состояние по электронной почте и показать на рендере

Shubhank 07.01.2019 07:25

@Shubhank спасибо за комментарий! Не могли бы вы объяснить в коде? Я был бы очень признателен!

kirimi 07.01.2019 07:32

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

Shubhank 07.01.2019 07:37
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
6
58
0

Другие вопросы по теме