In Reactjs, l’API Fetch è comodamente utilizzata per richiedere e caricare dati da o su un server remoto. Di seguito è riportato un esempio di come utilizzarlo:

```
import React, { useEffect, useState } from ‘react’;

function App() { const [data, setData] = useState([]);

useEffect(() => { fetch(‘https://jsonplaceholder.typicode.com/posts’) .then(response => response.json()) .then(data => setData(data)) }, []) return (

{data.map((item, index) => (

{item.title}

{item.body}

))}

); }

export default App;
```

In questo esempio, stiamo facendo una richiesta GET a un’API per ottenere dei dati.

`fetch(‘https://jsonplaceholder.typicode.com/posts’)` questa è la chiamata all’API. `‘https://jsonplaceholder.typicode.com/posts’` è l’URL da cui stiamo richiedendo i dati.

`.then(response => response.json())` Questo sta convertendo la risposta in un formato JSON.

`.then(data => setData(data))` Questo sta salvando i dati recuperati nel nostro stato locale.

Infine, stiamo renderizzando i dati nel nostro componente. Ogni volta che i dati cambiano, il nostro componente si aggiornerà automaticamente grazie al concetto dei “React Hook”.

Ricorda che le chiamate API devono essere eseguite nell’hook `useEffect()` in modo da poter gestire correttamente le chiamate asincrone e prevenire memory leak o comportamenti imprevisti.

Da notare che Fetch API restituisce una Promise che risolve alla Response da un network request, che è asincrono, quindi l’uso di .then() o async/await è necessario per trattare l’operazione.

Come utilizzare l'API Fetch in Reactjs?

{item.title}