Questão nº 35
Questão de Tecnologia da Informação · FCC PGE-AM 2022 (nº 35)
Considere que um desenvolvedor está criando um aplicativo usando React e React Native e deseja criar um elemento `h1` contendo o título Amazonas, aplicando a classe de estilo CSS de nome `tit` e armazenando em uma constante chamada `elemento`. Para realizar esta tarefa, ele terá que utilizar a instrução
- A`let elemento = ReactNative.createElement('h1',{className:'tit'},'Amazonas');`
- B`let const elemento = React.createElement('h1'.'tit'},'Amazonas');`
- C`const elemento = ReactNative.createElement('h1',{className:'tit'},'Amazonas');`
- D`const elemento = React.createElement('h1',{className:'tit'},'Amazonas');` (alternativa correta)
- E`const elemento = React.createElement('h1'.tit,'Amazonas');`
Resposta comentada
Gabarito Alternativa D
`React.createElement` é a função fundamental no React para criar elementos que representam a interface do usuário, como um parágrafo, um botão ou um título, antes de serem renderizados na tela. Ela recebe o tipo do elemento (ex: `'div'`, `'h1'`, ou um componente), um objeto com suas propriedades (como `className` ou `style`), e os filhos (conteúdo ou outros elementos).
(A) Incorreta: `ReactNative.createElement` não é a função padrão para criar elementos React. A função correta é `React.createElement`.
(B) Incorreta: A sintaxe para as propriedades (o segundo argumento) está incorreta. Deveria ser um objeto `{ className: 'tit' }` e não `'h1'.'tit'`.
(C) Incorreta: Assim como na alternativa A, `ReactNative.createElement` não é a função correta. A menção de React Native no contexto pode ser uma pegadinha; para criar um elemento `h1` (que é um elemento HTML), usa-se a API do React principal.
(D) Correta: Esta é a instrução correta. `React.createElement` é a função usada para criar um elemento React. O primeiro argumento `'h1'` especifica o tipo do elemento. O segundo argumento `{className:'tit'}` é um objeto JavaScript que contém as propriedades (props) do elemento, onde `className` é a prop para aplicar classes CSS. O terceiro argumento `'Amazonas'` é o conteúdo (filho) do elemento `h1`. O uso de `const` é apropriado para armazenar um elemento que não será reatribuído.
(E) Incorreta: A sintaxe para as propriedades (o segundo argumento) está incorreta. `'h1'.tit` não é um objeto válido para as propriedades do elemento.
Fonte: FCC PGE-AM 2022 Técnico em Gestão Procuratorial - Especialidade Engenharia de Software (Caderno Tipo 001). Reproduzida para fins de estudo.