NEW
Font size
WorksheetsConsumo de API com Axios R
Total questions: 15
Worksheet time: 8mins
Qual biblioteca é comumente utilizada para realizar requisições HTTP em aplicações React Native?
Redux
Axios
Express
Lodash
Qual é a sintaxe correta para realizar uma requisição GET utilizando Axios em React Native?
axios.get('https://api.exemplo.com/dados')
axios.fetch('https://api.exemplo.com/dados')
axios.request('GET', 'https://api.exemplo.com/dados')
axios.send('https://api.exemplo.com/dados')
Em React Native, qual hook é mais utilizado para consumir APIs de forma assíncrona em componentes funcionais?
useState
useEffect
useContext
useReducer
Considere o seguinte código: ```javascript useEffect(() => { axios.get('https://api.exemplo.com/dados') .then(response => setData(response.data)); }, []); ``` Qual é a finalidade do array vazio `[]` passado como segundo argumento para o `useEffect`?
Executar o efeito toda vez que o componente renderizar
Executar o efeito apenas uma vez, ao montar o componente
Executar o efeito toda vez que houver uma atualização de estado
Não executar o efeito nunca
Qual das opções abaixo representa corretamente o uso do hook `useState` para armazenar dados vindos de uma API?
const [data, setData] = useState();
const [data, setData] = useState([]);
const [data, setData] = useState({});
Todas as anteriores podem ser corretas, dependendo do formato dos dados
Como você trataria erros em uma requisição GET com Axios?
Utilizando o método `.catch()`
Utilizando o método `.error()`
Utilizando o método `.fail()`
Utilizando o método `.thenError()`
Qual é a principal vantagem de usar Axios em vez do `fetch` nativo do JavaScript em React Native?
Axios não precisa de instalação
Axios possui suporte automático a JSON e interceptadores de requisição/resposta
Axios é mais lento que fetch
Axios não suporta requisições POST
Considere o seguinte código: ```javascript useEffect(() => { axios.get('https://api.exemplo.com/dados') .then(response => setData(response.data)) .catch(error => setError(error)); }, []); ``` O que a função `setError` faz nesse contexto?
Armazena os dados recebidos da API
Armazena o erro ocorrido durante a requisição
Limpa o estado do componente
Atualiza o componente para o estado inicial
Qual das opções abaixo representa um exemplo de requisição GET com Axios utilizando async/await?
```javascript const response = await axios.get('https://api.exemplo.com/dados'); ```
```javascript const response = axios.get('https://api.exemplo.com/dados'); ```
```javascript const response = await fetch('https://api.exemplo.com/dados'); ```
```javascript axios.get('https://api.exemplo.com/dados').await(); ```
Em qual situação o hook `useEffect` é mais indicado para consumir uma API em React Native?
Quando se deseja executar uma ação após cada renderização
Quando se deseja executar uma ação apenas uma vez ao montar o componente
Quando se deseja executar uma ação antes de renderizar o componente
Quando se deseja executar uma ação apenas ao desmontar o componente
Qual das alternativas abaixo representa corretamente a atualização do estado após consumir uma API com Axios?
setData(response)
setData(response.data)
setData(response.json)
setData(response.body)
Para evitar vazamento de memória ao consumir uma API com Axios dentro de um `useEffect`, qual prática é recomendada?
Não utilizar hooks
Utilizar um token de cancelamento (CancelToken) do Axios
Utilizar apenas funções síncronas
Não tratar erros
Qual das opções abaixo é um exemplo de endpoint de API RESTful comumente consumido em aplicações móveis?
/api/users
/api/login
/api/products
Todas as anteriores
Ao consumir uma API com Axios em React Native, qual método HTTP é utilizado para buscar dados?
POST
PUT
GET
DELETE
Qual das opções abaixo representa corretamente o uso combinado de `useEffect`, `useState` e Axios para consumir uma API?
```javascript useEffect(() => { axios.get('url').then(res => setData(res.data)); }, []); ```
```javascript useEffect(() => { setData(axios.get('url')); }, []); ```
```javascript useEffect(() => { axios.get('url').then(res => setData(res)); }, []); ```
```javascript useEffect(() => { setData('url'); }, []); ```
