ReactJs_ex06

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.
1
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.
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/691a759b86db33e930...
1 of 15 16/11/2025, 22:10
A
B
C
D
E
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.
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.
2
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/691a759b86db33e930...
2 of 15 16/11/2025, 22:10
A
B
C
D
E
0
1
2
3
Erro de compilação
Parabéns, você selecionou a
alternativa correta. 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,
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
3 of 15 16/11/2025, 22:10
A
B
C
D
E
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.
3
Após a instalação das bibliotecas necessárias
quando da configuração do ambiente, utiliza-se
um comando para criar uma aplicação React, o
Create React App, basicamente um script que
configura um novo projeto. Após sua execução,
que comando precisamos chamar para abrir
nossa aplicação, considerando que estamos na
pasta da referida aplicação?
npm init.
npx create-react-app nome_app.
npm install.
npx start.
npm start.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
4 of 15 16/11/2025, 22:10
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
O comando é utilizado para criar
um pacote json. O comando 
 é usado para criar toda a
estrutura e dependências das bibliotecas
básicas de uma aplicação React, porém,
vale ressaltar que seu uso não é
obrigatório. O comando é
utilizado para instalar todas as
dependências definidas no arquivo json,
dentro de um projeto. O comando 
não existe. Por fim, o comando é
o que inicia o servidor React, abrindo uma
aplicação no navegador padrão do sistema
operacional. Portanto, a alternativa correta
é a E, que indica o comando 'npm start'.
4
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).
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
5 of 15 16/11/2025, 22:10
A
B
C
D
E
I e II, apenas.
II e III, apenas.
I, II e IV, apenas.
I, III e IV, apenas.
III e IV, apenas.
Parabéns, você selecionou a
alternativa correta. 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.
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
6 of 15 16/11/2025, 22:10
A
B
C
D
E
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.
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!
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
7 of 15 16/11/2025, 22:10
A
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
arquivo selecionado pelo usuário, mesmo
sendo um componente não controlado.
6
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
8 of 15 16/11/2025, 22:10
B
C
D
E
Apenas a II.
Apenas a III.
As alternativas II e III.
As alternativas I e III.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
O CodeSandBox já possui diversos
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.
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
9 of 15 16/11/2025, 22:10
A
B
C
D
E
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.
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
10 of 15 16/11/2025, 22:10
A
B
C
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.
8
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
11 of 15 16/11/2025, 22:10
D
E
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.
9
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
12 of 15 16/11/2025, 22:10
A
B
C
D
E
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.
Rodrigo2032014012.
Rodrigo 32014032.
Parabéns, você selecionou a
alternativa correta. 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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
13 of 15 16/11/2025, 22:10
A
B
C
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.
10
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.
As alternativas II e III.
Apenas a III.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a759b86db33e930...
14 of 15 16/11/2025, 22:10
D
E
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/691a759b86db33e930...
15 of 15 16/11/2025, 22:10