Question

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 <Questao 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:

Accepted Answer

A) const Questao = ({ selecionado, texto }) => { const [estaSelecionado, setEstaSelecionado] = React.useState(selecionado); return (

{ setEstaSelecionado(!estaSelecionado); }}> {texto}

); };

Answer

B) const Questao = (selecionado, texto) => { const [estaSelecionado, setEstaSelecionado] = React.useEffect(selecionado); return (

{ setEstaSelecionado(!estaSelecionado); }}> {texto}

); };

Answer

C) const Questao = ({children}) => { const [estaSelecionado, setEstaSelecionado] = React.useEffect(children.selecionado); return (

{ setEstaSelecionado(!estaSelecionado); }}> {children.texto}

); };

Answer

D) const Questao = ({selecionado, children}) => { const [estaSelecionado, setEstaSelecionado] = React.useState(selecionado); return (

{ setEstaSelecionado(!estaSelecionado); }}> {children}

); };

Answer

E) const Questao = ({ selecionado, texto }) => { const [estaSelecionado, setEstaSelecionado] = React.useState(React.useContext(selecionado)); return (

{ setEstaSelecionado(!estaSelecionado); }}> {React.useContext(texto)}

); };

Mais questões de JavaScript e AJAX