[ReactJS]

tenho estudado a integração do React com o Laravel na parte do react quando chamo uma tela ele me retorna no console: "Cannot read property 'state' of undefined" o codigo é esse:

class Contacts extends React.Component {
state = {
contact: [],
loading: true,
}
componentDidMount() {
this.fetchedContacts();
}
//já identifiquei debugando que o erro é aqui em fetchedContacts..
fetchedContacts = async () => {
const res = await axios.get("/contact");
if (res.status === 200) {
this.setState({ contact: this.res.state.contact });
this.setState({ loading: false });
}
console.log(res);
}
deleteContact = async (id) => {
const res = await axios.delete(`contact/${id}`);
if (res.status === 200) {
this.fetchedContacts();
}
}

render() {
if (this.state.loading) {
return <h1>Carregando...</h1>
}
return (
<div>
{new Function.state.contact.map( this.contact = (
<Contact contact = {this.contact} key={this.contact.id} deleteContact = {this.deleteContact}/>
))}
</div>
)
}
}

export default Contacts;
´´´
e eu não entendo o porque do erro pois já tentei de tudo alguém pode me ajudar?

Continue reading...