Questão 3376056

3376056 Ano: 2022
Disciplina: TI - Desenvolvimento de Sistemas
Banca: PROGEP-FURG
Orgão: FURG

Provas:

Técnico de TI - Desenvolvimento
Provas ×

LinguagensJavaCódigos em Java

Após análise de uma solicitação, chegou-se à conclusão de que seria necessário construir um novo componente. Esse novo componente deve atender aos critérios abaixo:

I - Receber uma propriedade selecionado que deverá inicializar o valor de um estado estaSelecionado e caso seu valor seja verdadeiro deverá atribuir uma classe selecionado ao elemento principal deste componente;

II - Receber uma propriedade texto que será apresentada dentro do elemento principal deste componente;

III - Não deve apresentar os elementos filhos do componente;

IV - Ao clicar no componente, deverá alternar de true para false ou de false para true o valor do estado estaSelecionado.

Segue um exemplo do uso do elemento <Questão selecionado ={true} texto =" Qual é a comida que liga e desliga?"/>

Considerar que o arquivo onde o componente está sendo desenvolvido tem um import React from "react"; na primeira linha.

Assinale a alternativa que contemple todos os critérios acima:

const Questao = (( selecionado, texto |) => {

const [estaSelecionado, setEstaSelecionado] =

React .useState (selecionado);

return (

<div

className={estaSelecionado ? "selecionado" : ""}

onClick={( ) => {

setEstaselecionado (!estaSelecionado);

}}>

{texto}

</div>

);

};

const Questao = (selecionado, texto) => |

const [estaSelecionado, setEstaSelecionado] =

React .useEffect (selecionado);

return (

<div

className={estaSelecionado ? "selecionado" : ""}

onClick={ ( ) => {

setEstaSelecionado (!estaSelecionado);

} } >

{ texto }

</div>

);

};

const Questao = ({children}) => {

const [estaSelecionado, setEstaSelecionado] =

React .useEffect (children.selecionado);

return (

<div

className=( estaSelecionado ? “selecionado” : "")

onClick={ ( ) => {

setEstaSelecionado (!estaSelecionado);

} } >

{children.texto}

</div>

) ;

const Questao = ((selecionado, children) =>

const [estaSelecionado, setEstaSelecionado] =

React .useState (selecionado);

return (

< div

className={ estaSelecionado ? "selecionado" : ""}

onClick={ ( ) => {

setEstaSelecionado ( !estaSelecionado);

} }>

{children}

</div>

) ;

} ;

const Questao = ({ selecionado, texto }) => {

const [estaSelecionado, setEstaSelecionado] =

React .useState (React.useContext (selecionado) );

return (

<div

className={estaSelecionado ? "selecionado" : ""}

onClick= { ( ) => {

setEstaselecionado (!estaSelecionado);

} } ;

{ React.useContext (texto) }

</div>

) ;

} ;

Provas

Questão presente nas seguintes provas

Técnico de TI - Desenvolvimento

25 Questões

Provas

Técnico de TI - Desenvolvimento

Acesse sua Conta

Crie uma Conta