ReactJs_ex03

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
B
1
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.
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/691a721c04606e1251...
1 of 16 16/11/2025, 21:58
C
D
E
"Rodrigo"2032014012.
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.
2
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
2 of 16 16/11/2025, 21:58
A
B
C
D
E
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.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
3 of 16 16/11/2025, 21:58
A
B
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.
3
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
4 of 16 16/11/2025, 21:58
C
D
E
I e II.
II e III.
Apenas a I.
Parabéns, você selecionou a
alternativa correta. Confira o
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.
4
Redux reúne todos os estados, centralizando e
otimizando a passagem de dados entre
componentes e ficando responsável por essa
distribuição. Marque a alternativa correta em
relação às suas diferentes responsabilidades e
algumas definições:
I. A biblioteca não é nativa, necessitando de
instalação através de um gerenciador de
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
5 of 16 16/11/2025, 21:58
A
B
C
D
E
pacotes.
II. Store é o objeto que salva todos os estados
que desejamos compartilhar.
III. Actions são dados enviados do nosso
componente, sem permissão de utilizar outros
objetos do Redux.
IV. Reducers são funções puras que recebem o
estado anterior e uma ação, retornando para o
próximo estado.
V. Nunca devemos modificar os argumentos
passados para os reducers, a fim de manter que
sejam funções puras.
I e II, apenas.
II e V, apenas.
I, II, IV e V, apenas.
I, III e V, apenas.
I, II, III e IV, apenas.
Opa! A alternativa correta é a letra
C. Confira o gabarito comentado!
A alternativa correta é a C, que afirma que
a biblioteca Redux não é nativa e precisa
ser instalada através de um gerenciador de
pacotes �I�, que a Store é o objeto que
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
6 of 16 16/11/2025, 21:58
A
B
guarda todos os estados que desejamos
compartilhar �II�, que os Reducers são
funções puras que recebem o estado
anterior e uma ação, retornando para o
próximo estado �IV) e que nunca devemos
modificar os argumentos passados para os
reducers, para que continuem sendo
funções puras �V�. A afirmação III está
incorreta, pois as Actions, na verdade, são
ações enviadas do nosso componente e
têm permissão para acionar outros objetos
do Redux, informando qual função deve ser
executada e qual valor essa função vai
utilizar como parâmetro.
5
Formulários em React trabalham de forma um
pouco diferente do que estamos habituados em
HTML. No React, aproveitamos os estados dos
componentes para manipular os dados. Marque
a alternativa correta em relação a componentes
controlados e não controlados.
Em um componente controlado, os
dados são manipulados por um
componente React, diferente de um
componente não controlado, onde os
dados podem ter vindo, por exemplo,
de uma requisição AJAX.
Um input do tipo arquivo é um
componente controlado.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
7 of 16 16/11/2025, 21:58
C
D
E
Na marcação select, ao invés de
utilizarmos a opção selecionada por
padrão pelo atributo selected,
utilizamos um atributo value, na
criação da marcação, usando como
estado.
Podemos utilizar um array no atributo
value, permitindo selecionar várias
opções em select.
Uma forma muito utilizada de
manipular diferentes inputs é usar um
atributo name com o valor
target.name, por exemplo.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
A alternativa correta é a B. No contexto do
React, um input do tipo arquivo é
considerado um componente não
controlado. Isso ocorre porque a escolha
do arquivo pelo usuário é um evento que
ocorre fora do controle do React. A
aplicação não tem conhecimento prévio do
arquivo que será selecionado pelo usuário.
Portanto, é necessário criar uma referência
do objeto para salvar o nome do arquivo
(por exemplo,
fileInput.current.files[0�.name). Isso permite
que a aplicação acesse e manipule o
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
8 of 16 16/11/2025, 21:58
A
B
C
D
arquivo selecionado pelo usuário, mesmo
sendo um componente não controlado.
6
React Routes é uma biblioteca externa, que
permite navegar entre telas, reaproveitando
componentes. Sua última versão necessita
refatorar parte dos códigos, sem muito alarde,
mas alguns conceitos não mudaram. Assinale a
alternativa correta quando comparamos suas
versões e algumas definições. I. Na versão
anterior, era utilizado switch para encapsular as
rotas, que foi substituído pelos Routes. II. Não é
necessário instalar a biblioteca react-router-
config para se utilizar o React Router v6, no
lugar utiliza-se userRoutes. III. Ainda é
necessário utilizar a props exact em Route. IV.
Em toda aplicação, só podemos ter um único
BrowserRouter, encapsulando o objeto
principal. V. useNavigate foi substituído por
useHistory.
I e II, apenas.
II e V, apenas.
I, II, IV e V, apenas.
I, III e V, apenas.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
9 of 16 16/11/2025, 21:58
E I, II, III e IV, apenas.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Não é mais necessário utilizar exact, na
atual versão o processo de
correspondência nas definições de rotas
não é mais feito de cima para baixo, não
importando a ordem que são criadas rotas.
7
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?
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
10 of 16 16/11/2025, 21:58
A
B
C
D
E
I, II e III.
I e III.
I e II.
II e III.
Apenas a I.
Parabéns, você selecionou a
alternativa correta. 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/691a721c04606e1251...
11 of 16 16/11/2025, 21:58
A
B
C
D
E
8
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
12 of 16 16/11/2025, 21:58
A
Parabéns, você selecionou a
alternativa correta. 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.
9
Considerando um cenário onde uma aplicação
local é executada na porta 3000 como padrão e
não ocorrendo alteração na instalação, avalie as
seguintes afirmativas.
I� Se fecharmos o terminal que estamos
executando nosso servidor, a aplicação
permanece ativa.
II� O create-react-app é um script que configura
e instala o básico para nossa aplicação, mas
existem outras formas de iniciar uma
configuração inicial para uma aplicação React.
III� Toda aplicação React criada pelo create-
react-app possuirá uma pasta node_modules,
contendo os módulos que o React utiliza em
suas aplicações.
Quais as afirmativas CORRETAS?
Apenas a I.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
13 of 16 16/11/2025, 21:58
B
C
D
E
As alternativas II e III.
Apenas a III.
As alternativas II e II.
As alternativas I e III.
Opa! A alternativa correta é a letra
B. Confira o gabarito comentado!
Toda nossa aplicação local é executada na
porta 3000 como padrão, se não foi
alterada na instalação. Dentro de algum
terminal, prompt do Windows, terminal
dentro do Visual Code ou prompt do Linux,
se for executado o comando, sem
parâmetro de background, ao fechar a
janela ativa, o servidor será interrompido.
O create-react-app é um script que
configura e instala o básico para nossa
aplicação, mas existem outras formas de
iniciar uma configuração inicial para uma
aplicação React.
Toda aplicação React criada pelo create-
react-app possuirá uma pasta
node_modules, contendo os módulos que o
React utiliza em suas aplicações.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
14 of 16 16/11/2025, 21:58
A
B
C
D
E
10
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.
I e III.
I e II.
II e III.
Apenas a I.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
15 of 16 16/11/2025, 21:58
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a721c04606e1251...
16 of 16 16/11/2025, 21:58