return ( <img className=“avatar” src=“user.image...
/> );
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.
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