Olá, pesquisei sobre o assunto e vi que pode ser erro que pode ser por conta de não estar recebendo um array. Porém, coloquei pra ser retornado um array na API, pode ser consultado aqui https://agendaapplp3.herokuapp.com/contatos
só que na parte do react aparece esse erro, "TypeError: contacts.map is not a function"
.
segue o código:
const ListContacts: React.FC = () => {
const [contacts, setContacts] = useState <ContactsProps[]>([]);
async function getContacts(){
const response = await api.get<ContactsProps[]>("/contatos");
setContacts(response.data);
}
useEffect(()=>{
getContacts();
},[]);
o erro está nessa parte abaixo.
{contacts.map((contact)=>(
<tr>
<td>{contact.id}</td>
<td>{contact.nome}</td>
<td>{contact.email}</td>
<td>{contact.telefone}</td>
<td>{contact.idlocal}</td>
<td>{contact.idtipocontato}</td>
</tr>
para se conectar a api, utilizei o axios
import axios from "axios";
const api = axios.create({
baseURL:"https://agendaapplp3.herokuapp.com"
})
export default api;
sou novo em React, o que pode ser?
setContacts
comoresponse.data.results
? pois ai sim seuresults
e um array.