FC ConcursosFC Concursos

Questão FC373457

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

Desenvolvimento Web

FCC · 2022

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

  1. let elemento = ReactNative.createElement('h1',{className:'tit'},'Amazonas');
  2. let const elemento = React.createElement('h1'.'tit'},'Amazonas');
  3. const elemento = ReactNative.createElement('h1',{className:'tit'},'Amazonas');
  4. const elemento = React.createElement('h1',{className:'tit'},'Amazonas');
  5. const elemento = React.createElement('h1'.tit,'Amazonas');
Mostrar resposta e comentário

Gabarito

D

Comentário do professor

A instrução correta é const elemento = React.createElement('h1',{className:'tit'},'Amazonas');, que cria e armazena em elemento um elemento React do tipo h1.

O método React.createElement recebe: o type (a tag ou componente), um objeto de props e os children. Aqui, 'h1' é o tipo, o objeto {className:'tit'} são as propriedades, e 'Amazonas' é o filho texto.

Em React, deve-se usar className em vez de class do HTML para atribuir classes CSS; por isso a propriedade no objeto de props é className.

Usar const garante que a referência elemento não será reatribuída, preservando o valor criado.

Observação: código JSX como <h1 className="tit">Amazonas</h1> é convertido automaticamente para essa chamada a React.createElement.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo