javascript React Axios Snippet

Posted 2021-05-03

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

class Home extends Component {
    state = {
        posts: []
    }

    componentWillMount() {
        axios.get('https://jsonplaceholder.typicode.com/posts')
          .then((response) => {
              console.log(response.data);
          }).catch((error) => {
              console.log(error);
          })
    }

    render() {
        return (
            <View 
                style={{ 
                    flex: 1,
                    justifyContent: 'center',
                    alignItems: 'center'
                }}
            >
                <TouchableOpacity
                    onPress={() => this.props.navigation.navigate('Details')}
                    style={{
                        backgroundColor: 'white',
                        padding: 20,
                        borderRadius: 10
                    }}
                >
                    <Text style={{ color: 'black' }}>Go to Details</Text>
                </TouchableOpacity>
            </View>
        );
    }
}

export default Home;