Обновить данные из API - PullRequest
Новая
       29

Обновить данные из API

0 голосов
/ 25 июня 2019

Теперь я получаю данные пользователя из этого API "https://apigrad.herokuapp.com/people", Я хочу обновить данные и повторно обработать их для компонента, когда данные API изменились. Другой вопрос:можно ли получить данные нескольких пользователей одновременно? и как? 

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import MenuButton from '../components/MenuButton';
import User from '../components/User';
import API from '../Utils/API';

export default class HomeScreen extends React.Component {
  constructor(props){
    super(props);
    this.state={
      name: null,
      avatar:null
    };
  }
  render() {
    const {name,_id,avatar}=this.state;
    return (

      <View style={styles.container}>
        <MenuButton navigation={this.props.navigation}  />
        <User name={name}  avatar={avatar}/>
    </View>
    );
  }
  async componentDidMount() {
    // Load async data.
    let userData = await API.get('/', {
      params: {
        results: 1,
        inc: 'name,avatar'
      }
    });

    // Parse the results for ease of use.
    userData = userData.data[0];

// Update state with new data and re-render our component.
    const name = userData.name;
    const base64Icon=userData.image;
    const base64Icons=base64Icon.slice(2,-1);
    const avatar = 'data:image/jpg;base64,'+base64Icons;
    this.setState({
      ...this.state, ...{
        name,
        avatar
      }
    });
  }  
}
const styles = StyleSheet.create({
  container: {
   flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
 text: {
    fontSize: 30,
  }
});
...