Axios em React: como fazer requisições HTTP de forma fácil

AXIOS

Axios é uma biblioteca de requisições HTTP no React. Para usá-la, primeiro você precisa instalá-la com o seguinte comando:
npm install axios
Em seguida, você pode importá-la no seu projeto:
import axios from ‘axios’;

Para fazer uma requisição GET, utilize o seguinte código:

getAllPosts: async () => {
  let response = await axios.get(`${BASE}`)
  return response.data
}

Para fazer uma requisição POST, utilize o seguinte código:

addNewPost = async (title, body, userId) => {
  let response = await axios.post(`${BASE}/posts`, {
    title,
    body,
    userId
  })
  return response.data
}

É possível criar instâncias personalizadas do Axios com configurações específicas:

const http = axios.create({
  baseURL: ‘https://jsonplaceholder.typicode.com’
})

Para fazer uma requisição GET utilizando a instância personalizada, utilize o seguinte código:

getAllPosts: async () => {
  let response = await http.get(`/posts`)
  return response.data
}