Questão 1885669 de Tecnologia da Informação - FURG 2022

Questão

ID 1885669

Disciplina: Tecnologia da Informação

Assunto: React.js

Ano: 2022 Banca: FURG - Universidade Federal do Rio Grande Órgão: Universidade Federal do Rio Grande - Furg

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 estaSeIecionado 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 dicar 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 <Questao seledonado={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 Questão = ({ selecionado, texto }) => {

-const [estaSelecionado, setEstaSelecionado] =

React.useState(selecionado);

-return (

--<div

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

---onClick={() => {

----setEstaSelecionado(!estaSelecionado);

---}}>

---{texto}

--</div>

-);

};

-const Questão = (selecionado, texto) => {

--const [estaSelecionado, setEstaSelecionado] =

-React.useEffect(selecionado);

--return (

----<div

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

------onClick={() => {

--------setEstaSelecionado(!estaSelecionado) ;

------}}>

------{texto}

----</div>

---);

-};

-const Questão = ({children}) => {

--const [estaSelecionado, setEstaSelecionado] =

-React.useEffect(children.selecionado);

--return (

---<div

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

----onClick={() => {

-----setEstaSelecionado(!estaSelecionado);

----}}>

----{chiIdren.texto}

---</div>

--);

-};

const Questão = ({selecionado, children}) => {

-const [estaSelecionado, setEstaSelecionado] =

React.useState(selecionado);

-return (

--<div

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

----onClick={() => {

-----setEstaSelecionado(!estaSelecionado);

----}}>

----{children}

---</div>

--);

};

const Questão = ({ selecionado, texto }) => {

-const [estaSelecionado, setEstaSelecionado] =

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

-return (

--<div

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

---onClick={() => {

----setEstaSelecionado(!estaSelecionado);

---}}>

---{React.useContext(texto)}

--</div>

-);

};

Estatísticas Cadernos

Questão 1885669

Continue estudando na plataforma