React: Ciclo de Vida e Conceitos

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Verifique o seu desempenho e continue
treinando! Você pode refazer o exercício
quantas vezes quiser.
A
1
Sobre ciclo de vida, diversos métodos podem
acabar sendo chamados e reutilizados
conforme a fase de vida de um componente
React, conforme as assertivas abaixo, analise
as alternativas a seguir:
I) constructor() apenas ocorre na fase de
Montagem.
II) render() ocorre apenas na fase de
Atualização.
III) getDerivedStateFromProps() é chamado em
duas fases, tanto na montagem quando na fase
de atualização.
Quais as afirmativas CORRETAS?
I, II e III.
Questão de 10
Corretas
Incorretas
Em branco
1 2 3 4 5
6 7 8 9 10
Reactjs
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
1 of 14 16/11/2025, 18:48
B
C
D
E
I e III.
I e II.
II e III.
Apenas a I.
Opa! A alternativa correta é a letra
B. Confira o gabarito comentado!
A alternativa correta é a B, que afirma que
o método constructor() ocorre apenas na
fase de Montagem e que o método
getDerivedStateFromProps() é chamado
tanto na fase de Montagem quanto na fase
de Atualização. A afirmação II está
incorreta, pois o método render() não
ocorre apenas na fase de Atualização, mas
também na fase de Montagem. É
importante lembrar que o método render()
é o único método obrigatório em
componentes do tipo classe no React.
2
Considerando o cenário da utilização de 
em componentes do tipo classe sem utilização
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
2 of 14 16/11/2025, 18:48
A
B
C
D
E
de , avalie as seguintes afirmativas:
I� Mudanças ocorrem dentro de componentes
filhos.
II� Definido o valor padrão no componente pai.
III� Mudanças ocorrem dentro de componentes
pai
Quais as afirmativas CORRETAS?
Apenas a I.
As alternativas  I e III.
Apenas a II.
As alternativas II e III.
As alternativas I e III.
Opa! A alternativa correta é a letra
D. Confira o gabarito comentado!
Para utilizar em componentes filhos,
eles são passados como atributos ( ,
ou seja, não podem ser alterados. Isso
mudou apenas com a introdução de ,
alterando toda a dinâmica previamente
utilizada, facilitando e muito a codificação.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
3 of 14 16/11/2025, 18:48
A
B
C
D
E
3
Podemos utilizar diferentes ambientes para
testar nossas aplicações em React, avalie as
seguintes afirmativas:
I� O CodeSandBox não possui um template para
React, necessitando de configuração extra para
utilização de React.
II� O CodePen não possui um template já
definido, precisando incluir as bibliotecas
dentro de suas configurações.
III� É necessário a instalação do node.js em
nosso ambiente de desenvolvimento offline.
Quais as afirmativas CORRETAS?
Apenas a I.
Apenas a II.
Apenas a III.
As alternativas II e III.
As alternativas I e III.
Opa! A alternativa correta é a letra
D. Confira o gabarito comentado!
O CodeSandBox já possui diversos
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
4 of 14 16/11/2025, 18:48
A
B
C
D
E
templates com configurações pré-
definidas, incluindo o React, dispensando a
configuração a parte para as bibliotecas,
essa definição se encaixa mais no
CodePen, precisando de configurações a
parte.
4
O React segue uma forma de fluxo de dados
unidirecional ou também conhecido como
vinculação unidirecional. Nesse contexto, avalie
as seguintes afirmativas:
I� Recebe o valor inicial do componente filho.
II� O componente pai pode alterar o seu valor.
III� Mudanças ocorrem dentro de componente
pai.
Quais as afirmativas CORRETAS?
Apenas a I.
As alternativas II e III.
Apenas a II.
As alternativas II e II.
As alternativas I e III.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
5 of 14 16/11/2025, 18:48
A
B
C
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Para cada valor passado pelo componente
pai, a props será única, não sendo alterada,
sendo o valor inicial recebido do
componente pai. Se uma eventual mudança
fosse necessária, apenas dentro do
componente filho será permitida.
5
Sobre React e suas características, assinale a
alternativa correta: I. Biblioteca Javascript
desenvolvida pelo Facebook. II. Utiliza o
conceito de componentes, ajudando na
construção de interfaces, facilitando na sua
reutilização. III. Apesar de ser de código aberto,
sua comunidade é muito pequena, pois muitos
não aderiram a forma complexa de utilizar JSX.
IV. Usado para o desenvolvimento de interface
tanto para usuários web quanto para mobile
�React native).
I e II, apenas.
II e III, apenas.
I, II e IV, apenas.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
6 of 14 16/11/2025, 18:48
D
E
I, III e IV, apenas.
III e IV, apenas.
Opa! A alternativa correta é a letra
C. Confira o gabarito comentado!
A comunidade React cresce cada vez mais,
sendo uma das maiores comparadas aos
seus concorrentes, devido a facilidade do
JSX principalmente, permitindo um rápido
entendimento no código, tornando mais
limpo.
6
No código a seguir, marque a alternativa correta
em relação ao resultado que devemos obter
executando-o.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
7 of 14 16/11/2025, 18:48
A
B
C
D
E
0
1
2
3
Erro de compilação
Opa! A alternativa correta é a letra
E. Confira o gabarito comentado!
Aqui um erro clássico ao utilizar eventos e
useState, ao carregar o código pela
primeira vez, a função onSomarHandler é
executada, pois estamos passando um
parâmetro, gerando um loop infinito,
impossibilitando sua renderização, lembre-
se, sempre que houver alguma atualização
na variável que definimos com useState, a
aplicação será renderizada. Para corrigir,
retire o parâmetro passado na linha 13,
�2*contador + 1�, chamando apenas
onSomarHandler.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
8 of 14 16/11/2025, 18:48
A
B
C
D
E
7
Requisições HTTP são mensagens enviadas
pelo cliente para iniciar uma ação no servidor.
Nesse contexto, avalie as afirmativas
relacionadas com a utilização de Requisições
HTTP em React.
I� React não permite utilizar bibliotecas
externas, apenas a nativa do navegador
(windows.fetch)
II� Olhando para o ciclo de vida, o local para
preencher os dados com requisições AJAX
seria no método componetDidMount, pois assim
pode-se utilizar o setState para atualizar seu
componente quando os dados estiverem
disponíveis
III� Não é possível utilizar hooks em requisições.
Quais as afirmativas CORRETAS?
I, II e III.
Apenas a II.
I e II.
II e III.
Apenas a I.
Parabéns, você selecionou a
alternativa correta. Confira o
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
9 of 14 16/11/2025, 18:48
A
gabarito comentado!
React aceita utilizar bibliotecas externas
para manipular requisições, bastando
apenas instalar de forma correta, seguindo
a documentação da API e utilizando, para
facilitar sua manipulação, useStates, por
exemplo. É possível utilizar hooks em
requisições, basta definirmos nossa
variável com o auxílio de useState.
8
A partir da versão 16.8 do React, foi introduzido
o conceito de Hooks, que trouxe uma nova
dinâmica. Avalie as assertivas relacionadas com
a motivação de sua criação.
I� Classes em React sempre foram uma forma
confusa de utilizar, como por exemplo a
utilização do . Em componentes complexos,
isso se tornava cada vez mais difícil sua
reutilização.
II� Componentes complexos e grandes eram
difíceis de refatorar.
III� A partir dessa versão, componentes de
classes foram excluídas, forçando que todo o
código antigo fosse refatorado.
Quais são as afirmativas CORRETAS?
I, II e III.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
10 of 14 16/11/2025, 18:48
B
C
D
E
I e
III.
I e II.
II e III.
Apenas a I.
Opa! A alternativa correta é a letra
C. Confira o gabarito comentado!
A alternativa correta é a C, que afirma que
as classes em React sempre foram uma
forma confusa de utilizar, especialmente
em componentes complexos, e que
componentes complexos e grandes eram
difíceis de refatorar. A terceira afirmativa
está incorreta, pois, apesar da introdução
dos Hooks, a versão 16.8 do React não
excluiu o suporte para componentes de
classes. Na verdade, a documentação
oficial do React sugere que a migração
para Hooks seja feita de forma gradual,
permitindo que os desenvolvedores
trabalhem com componentes de classes e
Hooks de forma paralela.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
11 of 14 16/11/2025, 18:48
A
B
C
D
E
9
O Bind é amplamente utilizado em aplicações
React,   um exemplo de código pode ser
visualizado abaixo:
Qual seria o resultado no console quando
clicarmos em Clique aqui! (linha 14�?
Um objeto, ExemploBind
undefined
Código não compila
Console em branco, sem resultado
Uma string, Exemplo Bind
Opa! A alternativa correta é a letra
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
12 of 14 16/11/2025, 18:48
A
B
C
A. Confira o gabarito comentado!
Como foi feita a ligação (bind) com o
evento de forma correta, conforme linha 5
do código, chamando o this agora na
função evento, o que será exibido no
"this" é o próprio componente, ou seja, o
objeto ExemploBind.
10
Conforme código a seguir, qual seria o
resultado esperado em tela levando em
consideração a sintaxe JSX�
Não teria resultado, pois a variável
resultado não contém marcação
HTML, indicando erro de compilação.
Não teria resultado, pois a variável
resultado não contém marcação
HTML, mas sem erro de compilação,
apenas tela em branco.
"Rodrigo"2032014012.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
13 of 14 16/11/2025, 18:48
D
E
Rodrigo2032014012.
Rodrigo 32014032.
Opa! A alternativa correta é a letra
D. Confira o gabarito comentado!
Não é necessário indicar uma marcação
HTML para gerar algum resultado, o JSX irá
tratar como um texto qualquer, e mesmo as
variáveis idade e telefone sendo definidas
como inteiras, para somar os valores seria
necessária uma função matemática em
Javascript para obter um resultado como o
da alternativa: Rodrigo 32014032.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a469a04606e1251...
14 of 14 16/11/2025, 18:48