FC ConcursosFC Concursos

Questão FC373461

Considere o código abaixo, do arquivo index.js que faz parte de uma aplicação web criada com React, em condições ideais. Para que, ao clicar no botão Ver Tribunal seja exibida a me

Desenvolvimento Web

FCC · 2022

Considere o código abaixo, do arquivo index.js que faz parte de uma aplicação web criada com React, em condições ideais.

 

Para que, ao clicar no botão Ver Tribunal seja exibida a mensagem TRT DA 17ª REGIÃO, a lacuna I deve ser preenchida corretamente por:

  1. onClick={GetData}
  2. onClick="GetTribunal()"
  3. onClick="GetData() => GetTribunal()"
  4. onClick={GetTribunal}
  5. onClick="GetData()"
Mostrar resposta e comentário

Gabarito

D

Comentário do professor

A expressão onClick={GetTribunal} é a forma correta em JSX porque passa uma referência de função ao manipulador de evento, não a executa imediatamente.

Em React, atributos de eventos usam camelCase (onClick) e aceitam uma expressão JavaScript entre chaves ({...}), que aqui aponta para a constante GetTribunal definida no mesmo escopo.

Ao clicar, o React invoca essa função e ela exibe a mensagem TRT DA 17ª REGIÃO. Se você colocasse parênteses (ex.: GetTribunal()) a função seria chamada durante a renderização, não no clique.

Se houver necessidade de passar argumentos, utiliza-se uma função envoltória (ex.: () => GetTribunal(arg)), mas para chamada direta a sintaxe onClick={GetTribunal} é a correta.

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

Continue aprendendo