qual è il modo giusto per fare chiamate API in risposta js?

Mi sono recentemente trasferito da Angular a ReactJs. Sto usando jQuery per le chiamate API. Ho un’API che restituisce un elenco di utenti casuali da stampare in un elenco.

Non sono sicuro di come scrivere le mie chiamate API. Qual è la migliore pratica per questo?

Ho provato quanto segue ma non ottengo alcun output. Sono aperto all’implementazione di librerie API alternative, se necessario.

Di seguito è riportato il mio codice:

import React from 'react'; export default class UserList extends React.Component { constructor(props) { super(props); this.state = { person: [] }; } UserList(){ return $.getJSON('https://randomuser.me/api/') .then(function(data) { return data.results; }); } render() { this.UserList().then(function(res){ this.state = {person: res}; }); return ( 
{this.state.person.map((item, i) =>{ return(

{item.name.first}

{item.cell}, {item.email} ) })}
) } }