Trying to load data into a variable which is using useState
const Tab1: React.FC = () => {
let dataHandler:any;
const [allData,setData] = useState<any>();
const [oneRequest,setRequest] = useState<any>(true);
useEffect(()=>{
axios.get('http://192.168.1.23/App_Data/Inventory.php'
,{
params:{
getData:1,
}
})
.then(function(response:any){
if(response){
dataHandler = JSON.stringify(response.data[0]);
setData(response)
}else{
let results:string = "No Data Available";
setData(results);
}
})
.catch(function(error){
let results:string = "Server is Offline";
setData(results);
})
.then(function(){
});
});
refusing to set the data 
had to set useState to an array first, as it was not accepting objects
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonSearchbar,IonText,useIonViewDidEnter,useIonViewWillEnter } from '@ionic/react';
import {useState,useEffect} from 'react';
import axios from 'axios';
import './Tab1.css';
const Tab1: React.FC = () => {
const [allData,setData] = useState<any>([]);
const [oneRequest,setRequest] = useState<any>(true);
useIonViewWillEnter(() => {
axios.get('http://192.168.1.23/App_Data/Inventory.php',{
params:{
getData:1,
},
})
.then((response:any)=>{
setData(response.data);
console.log(allData)
});
});
return (
<IonPage>
<IonHeader>
<IonToolbar>
<IonTitle>Inventory</IonTitle>
</IonToolbar>
</IonHeader>
<IonContent fullscreen>
<IonSearchbar></IonSearchbar>
<div id="inv_main">
<h3>In-stock</h3>
<div className="row_cards">
{allData.map((items:any)=>{
return(
<IonText>{items.productName}</IonText>
)
})}
</div>
</div>
</IonContent>
</IonPage>
);
};
export default Tab1;