Cómo hacer un POST con Axios en React Native

Tiempo de lectura: < 1 minuto

En el anterior tutorial os enseñé a realizar un GET usando la libería Axios en React Native: Realizar una llamada GET en React Native con Axios

Ahora vamos a ver como realizar un POST.

Lo primero de todo es instalar Axios:

expo install axios

Una vez instalado, lo importamos en nuestra pantalla o componente dónde queramos utilizarlo:

import axios from "axios";

Y ahora vamos a crear el POST.

//Objeto que se va a enviar
 const data = {
      id: 1
    };

//Llamada POST:
 axios.post("tu_url", { data })
      .then(respuesta => {
        console.log(respuesta );
      })

Dónde pone «tu_url» tienes que indicar la URL a la que vas a enviar el POST. En la parte .then(respuesta => es dónde vas a recibir los datos de forma asíncrona.

Si quieres añadir cabeceras, tienes que hacer lo siguiente:

  //Se crean las cabeceras
  const config = {
        headers: {
            "Content-Type": "application/x-www-form-urlencoded",
            "TOKEN": "123456789" 
        }
    };

//Objeto que se va a enviar
 const data = {
      id: 1
    };

 axios.post("tu_url", { data }, config)
      .then(respuesta => {
        console.log(respuesta );
      })

Quedaría de la siguiente forma:

 import axios from "axios";

 //Se crean las cabeceras
  const config = {
        headers: {
            "Content-Type": "application/x-www-form-urlencoded",
            "TOKEN": "123456789" 
        }
    };

//Objeto que se va a enviar
 const data = {
      id: 1
    };

 axios.post("tu_url", { data }, config)
      .then(respuesta => {
        console.log(respuesta );
      })