Fare chiamate alle API

useEffect

Nel codice qui sopra c'è un problema:

• il componente viene renderizzato
• fa una chiamata all'API
• modifica lo stato
• il cambio di stato richiede un nuovo render del componente
• si ha un ciclo infinito

useEffect è un metodo di React che si usa per fare chiamate esterne:

Gli vengono passati una funzione (la chiamata all'API) e un array di dipendenze (che nel nostro caso contiene solo count).

Quando useEffect viene chiamata, esegue la funzione solo se c'è qualche variazione di stato nell'array delle dipendenze.

Nel nostro caso, il click sul bottone incrementa il contatore, e questo produce una nuova chiamata all'API e un nuovo render, andando a visualizzare un altro personaggio di Star Wars.

• REACT