return (    <img    className=“avatar”    src=“user.image...

Próximas questões
Com base no mesmo assunto
Q3156882 Programação
return (     <img     className=“avatar”     src=“user.imageUrl”
 />  );
Considerando o código precedente, desenvolvido em React, julgue o item que se segue.
Após ser renderizado, o componente <img/> irá exibir uma imagem dinâmica, usando o valor da propriedade user.imageUrl como o caminho do atributo src. 
Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

Alternativa correta: E - errado

Tema central da questão: A questão aborda a estruturação de componentes React e como é feita a passagem de valores dinâmicos para atributos de elementos JSX, em especial o uso correto do atributo src em uma tag <img />.

Resumo teórico: Em React, é possível criar componentes que recebem valores dinâmicos (variáveis, propriedades de objetos, etc.) e utilizá-los em elementos JSX. Para que uma variável de JavaScript seja usada como valor em um atributo, é necessário envolver o valor entre chaves { }. Por exemplo, para exibir uma imagem cujo caminho está em user.imageUrl, o correto seria: <img src={user.imageUrl} />.

Se usar aspas (simples ou duplas) ao redor de user.imageUrl, como em src="user.imageUrl", o React entende que é uma string literal e não utilizará o valor real da variável. Essa é uma das pegadinhas clássicas.

Referência: Documentação Oficial do React

Justificativa da alternativa correta: O item está ERRADO porque, pelo trecho apresentado, a propriedade src recebe o valor como “user.imageUrl” (com aspas), e não com chaves. Assim, não será exibida uma imagem dinâmica, mas sim uma tentativa de buscar literalmente o arquivo user.imageUrl no servidor, o que não faz sentido na maior parte dos casos.

Dica para concursos: Sempre observe se o valor dinâmico está entre chaves ({ }) em JSX. Se estiver entre aspas, é interpretado como texto literal!

Resumo de estratégia: Em provas, fique atento a detalhes de sintaxe quando o assunto for passagem de variáveis em JSX. Erros sutis como esse são comuns em questões de concursos e pegam muitos candidatos desatentos.

Gostou do comentário? Deixe sua avaliação aqui embaixo!

Clique para visualizar este gabarito

Visualize o gabarito desta questão clicando no botão abaixo

Comentários

Veja os comentários dos nossos alunos

A expressão fornecida está correta. Após ser renderizado, o componente irá exibir uma imagem dinâmica, usando o valor da propriedade como o caminho do atributo . Portanto, a resposta é Certo.

No exemplo fornecido:

javascript

A propriedade da tag está sendo atribuída a . Isso significa que o caminho da imagem será obtido dinamicamente a partir da propriedade do objeto .

estao falando que esta errado QCONCURSOS

O componente  irá exibir uma imagem dinâmica, utilizando o valor da propriedade  como o caminho do atributo . Isso significa que a imagem exibida será aquela cujo URL está armazenado na propriedade .

Gabarito correto seria CERTO

Reposta: Errado

  • O src está recebendo a string literal "user.imageUrl," e não o valor da variável user.imageUrl.
  • Isso significa que o navegador tentará carregar uma imagem com o caminho exato"user.imageUrl"(como um texto, não como uma referência dinâmica).
  • Como não há chaves {} envolvendo user.imageUrl, o React não interpreta isso como uma variável JavaScript, mas sim como uma string estática.

Fonte: deepseek

Para usar a imagem do usuário dinamicamente, deve-se tirar as aspas e usar chaves , assim:

<img 

  className="avatar" 

 src={user.imageUrl} 

/>

Errado. No trecho src=“user.imageUrl”, a expressão passa a string literal “user.imageUrl” como o valor do atributo src, e não o valor da variável user.imageUrl. Para que o valor da propriedade imageUrl do objeto user seja usado como caminho da imagem, seria necessário usar chaves { }: src={user.imageUrl}. Somente dessa forma o valor da variável JavaScript será lido e passado corretamente.

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo