Grátis: Ao desenvolvermos dois componentes, utilizamos as props para realizar a transmissão de informação entre um componente e o outro. Analisando o códig... – Questões Respondidas

Programação Orientada a Objetos

Outros

Ao desenvolvermos dois componentes, utilizamos as props para realizar a transmissão de informação entre um componente e o outro.
Analisando o código a seguir, responda: Qual seria a informação que estará no Console? const InitialScreen = () => { let info = "1234" return ( ); } const App = (props) => { console.log("Info = " + props.info) return {props.info} }
a. Info = 1234
b. Info = 5678
c. Null
d. Mostraria erro pois na função App o parâmetro deveria ser info e não props
e. Mostraria erro pois a info não é uma propriedade do objeto props

Exercícios Para o Aprendizado

há 6 meses

Exercícios Para o Aprendizado

há 6 meses

Quiz Dispositivos Móveis - 1 Tentativa

Quiz Dispositivos Móveis - 1 Tentativa

ESTÁCIO

Respostas

Ed

há 6 meses

Para entender o que será exibido no console, vamos analisar o código apresentado. 1. O componente `InitialScreen` define uma variável `info` com o valor "1234", mas não está retornando nada que utilize essa variável. 2. O componente `App` recebe `props` como parâmetro e tenta acessar `props.info` para exibir no console. Como `InitialScreen` não está passando a variável `info` para o componente `App`, `props.info` será `undefined`. Portanto, a linha `console.log("Info = " + props.info)` resultará em: ``` Info = undefined ``` Agora, vamos analisar as alternativas: a. Info = 1234 - Incorreto, pois `info` não está sendo passada para `App`. b. Info = 5678 - Incorreto, não há referência a "5678" no código. c. Null - Incorreto, pois o valor não é null, é undefined. d. Mostraria erro pois na função App o parâmetro deveria ser info e não props - Incorreto, o parâmetro pode ser nomeado como quiser. e. Mostraria erro pois a info não é uma propriedade do objeto props - Correto, pois `info` não foi passada como prop. Portanto, a resposta correta é: e) Mostraria erro pois a info não é uma propriedade do objeto props.

Essa resposta te ajudou?

0

0

left-side-bubbles-background

right-side-bubbles-background

Crie sua conta grátis para liberar essa resposta. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

Quiz Dispositivos Móveis - 1 Tentativa

Quiz Dispositivos Móveis - 1 Tentativa

ESTÁCIO

Mais perguntas desse material

Ao desenvolver um sistema de vendas, a classe Produto possui um método chamado calculaImposto que calcula o imposto dos produtos que serão vendidos. Essa classe é herdada pelas classes Lapis, Borracha e Caneta. Porém, devido a uma mudança nas regras de negócio, o imposto exercido sobre o produto lápis será 10% maior em relação aos outros produtos. Qual é a melhor solução para esse caso? a. Remover o método da classe Produto e colocar o método calculaImposto em todas as classes. b. Herdar o método calculaImposto da classe Produto na classe Lapis. Esse método irá chamar o método calculaImposto da classe pai e adicionar o valor excedente. c. Alterar a nova tarifa no método calculaImposto na classe Produto e implementar um novo método chamado impostoAntigo nas classes Borracha e Caneta para calcular o imposto antigo. d. Criar um novo método na classe Lapis chamado novoImposto que irá calcular o novo valor de imposto. e. Criar um novo método na classe Caneta chamado calculaImposto que irá chamar o método calculaImposto da classe pai e adicionar o valor excedente.

Uma das grandes vantagens em desenvolver em React Native é a ferramenta Fast Refresh.
Qual é a função dessa ferramenta?
a. Permite que o código não precise ser compilado para ser executado no celular.
b. Acelera o tempo de compilação em até 10x do que o código nativo.
c. Permite que o código seja atualizado diretamente na tela do celular, sem a necessidade de recompilação.
d. Permite que a atualização de uma tela para outras seja mais rápido.
e. Permite alterar o código diretamente na ferramenta de debug.

Ao desenvolver um aplicativo que irá mostrar todo o catálogo de produtos de uma empresa em 3-D e será necessário realizar uma animação desses produtos.
Qual é o melhor tipo de linguagem a ser escolhida?
a. A linguagem nativa pela sua performance em aplicativo pesados.
b. A linguagem Hybrid-WEB pela sua facilidade de desenvolvimento.
c. A linguagem Hybrid-Native por ter um único código para diversas plataformas.
d. A linguagem Hybrid-WEB pela sua performance.
e. A linguagem Hybrid-Native apesar de ter um código para cada ambiente.

Quando utilizamos o React Hooks no desenvolvimento, uns dos principais hooks disponibilizados são o useEffect e o useRef. Para que cada uma dessas funções é utilizada? a. UseEffect é utilizado para receber atualizações em caso de o componente entrar em um determinado ciclo de vida ou ocorrer uma mudança no valor de uma variável e o useRef é utilizado para armazenar a instância de uma informação durante todo o ciclo de vida do componente. b. UseEffect é utilizado para armazenar uma informação e forçar a renderização da tela em caso de mudança de valor e o useRef é utilizado para armazenar a instância de uma informação durante todo o ciclo de vida do componente. c. UseEffect é utilizado para armazenar uma informação e forçar a renderização da tela em caso de mudança de valor e o useRef é utilizado para declarar uma variável no componente. d. UseEffect é utilizado para receber atualizações em caso de o componente entrar em um determinado ciclo de vida ou ocorrer uma mudança no valor de uma variável determinada e o useRef é utilizado para declarar uma variável no componente. e. UseEffect é utilizado somente para receber atualizações em caso de o componente entrar em um determinado ciclo de vida e o useRef é utilizado para armazenar a instância de uma informação durante todo o ciclo de vida do componente.

Você precisa desenvolver um aplicativo com menu lateral com dois itens e, dentro desses itens, teremos algumas telas que abrirão de acordo com a informação que você tocar.
Para isso, utilizaremos quais componentes?
a. Para realizar essa navegação de conjunto de telas, usaremos o componente Menu para organizar os menus e, dentro deles, criaremos funções com os componentes Stacks para fazer a pilha de telas.
b. Para realizar essa navegação de telas, usaremos o componente Drawer para organizar os menus e, dentro deles, criaremos funções com os componentes Screens para fazer a pilha de telas.
c. Para realizar essa navegação de telas, usaremos o componente Menu para organizar os menus e, dentro deles, criaremos funções com os componentes Screens para fazer a pilha de telas.
d. Para realizar essa navegação de telas, usaremos o componente Screens para organizar os menus e, dentro deles, criaremos funções com os componentes Stacks para fazer a pilha de telas.
e. Para realizar essa navegação de telas, usaremos o componente Drawer para organizar os menus e, dentro deles, criaremos funções com os componentes Stacks para fazer a pilha de telas.

O React-Redux possui alguns componentes que ajudam no compartilhamento de estados.
Analisando o código abaixo, qual a melhor explicação para o ponto 1 e para o ponto 2 do código: const loginLoading = useSelector((state) => state.auth.loginLoading); //Ponto 1 const dispatch = useDispatch(); dispatch(login(loginInfo, passInfo)); //Ponto 2
a. Ponto 1: coleta a informação da variável loginLoading no módulo auth Ponto 2: chama a action login, passando por parâmetros o logInfo e passInfo.
b. Ponto 1: coleta a informação e monitora mudanças da variável loginLoading no módulo auth. Ponto 2: chama a action login, passando por parâmetros o logInfo e passInfo.
c. Ponto 1: coleta a informação e monitora mudanças da variável loginLoading no módulo auth. Ponto 2: chama a função login, passando por parâmetros o logInfo e passInfo.
d. Ponto 1: coleta a informação da variável loginLoading no módulo auth Ponto 2: chama a função login, passando por parâmetros o logInfo e passInfo.
e. Ponto 1: coleta a informação da variável loginLoading no módulo auth Ponto 2: cancela a chamada da função login, clicada anteriormente.

Quando estamos desenvolvendo em React Native, queremos criar uma tela que mostrará mais de 100 itens que o usuário inseriu. Para realizar essa função, responda:
Quais seriam os componentes possíveis e, se houver mais de um, qual seria o mais indicado para esse caso?
a. Somente o ScrollView permite a rolagem de elementos com barra de rolagem.
b. O ScrollView e o Flatlist realizam a rolagem de elementos, porém o ScrollView carrega todos os elementos de uma única vez, enquanto o FlatList somente carrega os elementos que estão sendo visualizados na tela. Por este motivo, o FlatList é o mais indicado.
c. O ScrollView e o Flatlist realizam a rolagem de elementos, porém o ScrollView carrega todos os elementos utilizando a tela inteira da tela, enquanto o FlatList somente carrega os elementos em uma área menor. Por este motivo, o ScrollView é o mais indicado.
d. Somente o FlatList permite a rolagem de elementos com barra de rolagem.
e. O ScrollView e o Flatlist realizam a rolagem de elementos, porém o ScrollView carrega somente elementos como View enquanto o FlatList todos os tipos de elementos. Por este motivo, o FlatList é o mais indicado.

Para organizar a tela, precisamos que o flexDirection esteja com o valor column para organizar verticalmente, o JustifyContent esteja com space-around para colocar o mesmo espaçamento entre os itens, o rodapé e a página e o alignItems com stretch para preencher todo o conteúdo horizontal do contêiner.
Qual é a configuração correta para organizar a tela?
a) container: { flexDirection: 'column', justifyContent: 'space-around', alignItems: 'stretch' }
b) container: { flexDirection: 'row', justifyContent: 'space-around', alignItems: 'stretch' }
c) container: { flexDirection: 'column', justifyContent: 'center', alignItems: 'flex-start' }
d) container: { flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }
e) container: { flexDirection: 'column', justifyContent: 'space-around', alignItems: 'center' }

Utilizamos o service para definir configurações especificas economizando código.
Uma das dicas para realizar a conexão com a internet é criar um service para:
a. Pré-definir algumas configurações específicas como header ou URL inicial e não precisar ficar declarando essas informações novamente em todas as classes.
b. Inicializar o axious para não ter de ficar inicializando em todas as áreas.
c. Receber o retorno da api para tratar todos os retornos da mesma maneira.
d. Pré-definir os parâmetros da conexão para sempre passar os mesmos parâmetros.
e. Pré-definir o http action para garantir o mesmo http Action para todas as requisições.