react native fetching[api call] Flat List

 import { View, Text,FlatList,StyleSheet} from 'react-native'

import React,{useEffect,useState} from 'react'

import axios from 'axios';

export default function Thired() {

  // const DATA = [

  //   {

  //     name:'sumit',

  //     address:'gurugram'

  //   },

  //   {

  //       name:'amit',

  //       address:'noida'

  //   },

  //   {

  //       name:'arun',

  //       address:'up'

  //   },

  // ];  

  const [DATA,setData]=useState([]);

    const getData=async()=>{

        try{

const response=await axios.get(`https://jsonplaceholder.typicode.com/posts`);

console.log(response.data[0]);

//response.data is an array

setData(response.data);

    }

    catch(error){

        console.log(error);

    }

}

    

    useEffect(()=>{

getData();

    },[])

  return (

    <FlatList data={DATA} renderItem={(element)=>{console.log(element.item);

      return  <Text style={styles.item1}>

               { element.item.body }

          </Text>

      

      

          }}>

           

          </FlatList>

  )

}

const styles = StyleSheet.create({

  item1: {

      backgroundColor: '#f9c2ff',

      padding: 20,

      marginVertical: 8,

      marginHorizontal: 16,

    },

})