react-native-axios

React Native Axios Consume API by HTTP Protocol

Get Data News API in Console Log

Untuk fetch data dari API kita Perlu Menginstallkan Axios

~/Desktop/react-native/ReactNativeAxios ⌚ 11:50:48
$ npm install axios 

kemudian pada App.tsx rename menjadi App.js, lalu ubah isinya seperti tampak pada kodingan dibawah ini

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

export default function App() {
  console.info('Ini coba ambil data');

  const getData = async () => {
    try {
      const res = await axios.get('https://newsapi.org/v2/top-headlines', {
        params: {
          country: 'id',
          category: 'technology',
          apiKey: '87d43d69278f492783fddbd07988ad8b'
        }
      })

      console.info('Get Data New : ', res)
    } catch (error) {
      console.error(error.message)
    }
  };

  useEffect(() => {
    getData()
  }, [])

  return (
    <View>
      <Text>App</Text>
    </View>
  )
}

const styles = StyleSheet.create({})

running kemudian coba debug aplikasi, akses log pada React Native Debugger inspect element kemudian arahkan ke bagian console

Preferensi Library yang Diinstallkan

• https://www.npmjs.com/package/axios