useEffect and load async data in React

I spent a lot of time to understand how to get async data from web-services and to set it to vars in React

I need to try to change 'fetch' to 'axios'

const host =   'https://localhost:7245/api/MySrv/'; //returns the array of data

const [items, setItems] = useState({});


useEffect( () => {
    async function sendRequest() {
        try {
            const response = await fetch(host);
            const json = await response.json();
            setItems(json.map( x=> x.title));
        }
        catch (err) {
            console.log(err)
        }
    };
    sendRequest()
}, [])

const host = 'https://localhost:7245/api/MySrv/'; //returns the array of data

const [items, setItems] = useState({});

useEffect( () => {

async function sendRequest() {

try {

const response = await fetch(host);

const json = await response.json();

setItems(json.map( x=> x.title));

}

catch (err) {

console.log(err)

}

};

sendRequest()

}, [])

To display use in 'return' this string:

<div>{JSON.stringify(items)}</div>

15 April 2022, admin
Javascript
Tags: React, ReactJS
Comments: (0)

useEffect and load async data in React

No Comments »

Leave a comment

New posts