Questão de Tecnologia da Informação · FGV TCE-GO 2024 (nº 71)

Para que um framework de CSS como o Bootstrap funcione em uma aplicação React, seus estilos precisam ser carregados, geralmente importando o arquivo CSS principal para o projeto.

• (A) Incorreta: O código necessita da importação do React (import React from 'react';) para que o JSX (a sintaxe HTML-like) seja interpretado e para que as funcionalidades do React estejam disponíveis. A exportação do componente não substitui a necessidade de importar a biblioteca React.
• (B) Correta: O código utiliza classes do Bootstrap (como container, text-center, btn, btn-primary), mas não há nenhuma importação do arquivo CSS do Bootstrap. Sem essa importação, as classes não terão efeito visual e a aplicação não será estilizada conforme o esperado.
• (C) Incorreta: O uso de classes do Bootstrap funciona perfeitamente no React. Em JSX (o HTML dentro do React), o atributo class é substituído por className, o que o código já faz corretamente (className="container"). A armadilha aqui é tentar confundir o aluno com a diferença entre class e className, sugerindo uma incompatibilidade que não existe para as classes em si.
• (D) Incorreta: O Bootstrap é amplamente utilizado em projetos React e é totalmente compatível. Existem até bibliotecas como react-bootstrap que fornecem componentes React baseados no Bootstrap, mas mesmo o uso direto do CSS do Bootstrap é comum e funcional.
• (E) Incorreta: A tag <div> é um elemento fundamental e padrão do HTML5, sendo amplamente suportada e utilizada em todas as aplicações web modernas, incluindo as desenvolvidas com React.