React Native - 03 Erros Comuns [Unhandled promise rejection, EOF, Unrecognized token]

Neste tutorial eu apresentarei três erros comuns no React Native: Unhandled promise rejection, Unrecognized token < e Unexpected EOF.

Problemas de requisição API com React Native

api/Controller.php

Primeiramente vamos criar um arquivo e hospedar em algum domínio online com uma resposta simples para o nosso app.

<?php
echo json_encode("O nome do usuário é {$_POST['name']}!");

views/Home.js

No aplicativo vamos criar uma screen Home e inserir um botão que fará uma requisição simples na API criada acima.

async function testApi()
{
    let reqs = await fetch("https://webdesignemfoco.com/api/Controller.php",{
        method:'POST',
        headers:{
            'Content-Type':'application/x-www-form-urlencoded'
        },
        body:`name=Thiago`
    });
    let ress = await reqs.json();
    console.log(ress);
}

<TouchableOpacity
        style={css.button}
        onPress={testApi}
>
    <Text style={css.button__text}>API</Text>
</TouchableOpacity>

Um software interessante também para testes em API é o Postman. Ele facilita muito os testes que as vezes pelo aplicativo demandariam muito trabalho.

Então é isso, por hoje é só! Sucesso nos Códigos e na Vida!