Questão nº 45
Questão de Tecnologia da Informação · FCC TRT17 2022 (nº 45)
Considere o arquivo `index.js` abaixo, que faz parte de um site construído com React, em condições ideais.
```jsx
import React from 'react';
import ReactDOM from 'react-dom/client';
function VerTribunal(props) {
return <p>TRIBUNAL REGIONAL DO TRABALHO DA {props.regiao}ª REGIÃO</p>;
}
const root = ReactDOM.createRoot(document.getElementById('root'));
```
Para que seja exibido na página o parágrafo TRIBUNAL REGIONAL DO TRABALHO DA 17ª REGIÃO, a próxima linha do código, correspondente à lacuna I, deve ser preenchida corretamente por:
- A`root.call(<VerTribunal regiao="17"/>);`
- B`root.send(<VerTribunal(props{regiao="17"})/>);`
- C`root.render(<VerTribunal regiao="17"/>);` (alternativa correta)
- D`root.call(<VerTribunal(props{"regiao":17})/>);`
- E`root.add(<VerTribunal regiao="17"/>);`
Resposta comentada
Gabarito Alternativa C
Em React, para que seus componentes (partes da interface) apareçam na tela do navegador, você precisa de um "ponto de entrada" que é criado com `ReactDOM.createRoot()`. Depois de criar esse ponto de entrada, você usa o método `.render()` para dizer ao React qual componente ele deve exibir ali.
(A) Incorreta: O objeto `root` (criado por `ReactDOM.createRoot()`) não possui um método chamado `call` para renderizar componentes. A sintaxe do componente está correta, mas o método não.
(B) Incorreta: O objeto `root` não possui um método chamado `send`. Além disso, a forma `VerTribunal(props{regiao="17"})` é uma sintaxe inválida para passar propriedades (`props`) a um componente React em JSX.
(C) Correta: O método `render()` é o método padrão e correto do objeto `root` (retornado por `ReactDOM.createRoot()`) para exibir um componente React na página. A sintaxe `<VerTribunal regiao="17"/>` cria corretamente um elemento React e passa a propriedade `regiao` com o valor "17".
(D) Incorreta: Assim como na alternativa A, `call` não é um método válido para renderização. A sintaxe `VerTribunal(props{"regiao":17})` também é inválida para passar props em JSX.
(E) Incorreta: O objeto `root` não possui um método chamado `add` para renderizar componentes. A sintaxe do componente está correta, mas o método não.
Fonte: FCC TRT17 2022 Técnico Judiciário - Área Apoio Especializado - Especialidade Tecnologia da Informação (Caderno Tipo 001). Reproduzida para fins de estudo.