79g5rNPy

1import React, {Component} from 'react';
2import {StyleSheet, Text, View} from 'react-native';
3import axios from 'axios';
4
5const requestUrl = 'https://ws.fulltrack2.com/events/all';
6
7const requestHeaders = {
8    apiKey: 'a_key',
9    secretKey: 'a_secret_key',
10  };
11
12state = {
13      dados: [],
14      error: false,
15    };
16  
17  componentDidMount(){
18      axios
19        .get(requestUrl, { headers: requestHeaders })
20        .then(response => {
21          console.log('response data:' response.data);
22
23          const mapped = mapResponse(response);
24          console.log('Mapped response:', mapped);
25          // Should log [ { latitude: '2799007260', longitude: '-22.215966' } ]
26        })
27        .catch(error =>{
28            console.log('error' + error);
29        })
30  }
31
32function mapResponse(response) {
33    return response.data.map(function(element) {
34      return {
35          latitude: element.ras_eve_latitude,
36          longitude: element.ras_eve_longitude,  
37      };
38    });
39  }
40
41export default class App extends Component<Props> {
42
43  
44  
45  render() {
46    return (
47      <View style={styles.container}>
48        
49      </View>
50    );
51  }
52}
53
54const styles = StyleSheet.create({
55  container: {
56    flex: 1,
57    justifyContent: 'center',
58    alignItems: 'center',
59    backgroundColor: '#F5FCFF',
60  },
61  welcome: {
62    fontSize: 20,
63    textAlign: 'center',
64    margin: 10,
65  },
66});