Atividade 10_ Tópicos Especiais em Sistemas de Informação_ Aplicações Híbridas - 2020_2

Prévia do material em texto

09/10/2020 Atividade 10: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/2
https://pucminas.instructure.com/courses/31583/quizzes/115707 1/3
A�vidade 10
Entrega 16 out em 23:59 Pontos 1 Perguntas 4 Disponível até 16 out em 23:59
Limite de tempo 30 Minutos Tentativas permitidas 2
Instruções
Histórico de tenta�vas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 2 minutos 1 de 1
 As respostas corretas estarão disponíveis em 17 out em 8:00.
Pontuação desta tentativa: 1 de 1
Enviado 9 out em 20:31
Esta tentativa levou 2 minutos.
Esta atividade aborda os conceitos finais do framework React que veremos nesta disciplina. São questões ainda mais sofisticadas, mas
também importantes para a construção de aplicações React.
Você terá duas tentativas nesta atividade, mas apenas 30 minutos para responder às questões. 
Fazer o teste novamente
0,25 / 0,25 ptsPergunta 1
Quanto usamos React Hooks, quais métodos do ciclo de vida do componente são implementados por
meio do hook useEffect ?
 constructor() e componentWillMount().
 constructor() e componentDidMount().
 componentDidMount() e componentWillMount().
 componentDidMount() e componentDidUpdate().
O hook useEffect é chamado sempre que o componente for atualizado. Isso acontece em três
momentos do ciclo de vida tradicional dos componentes de classe, que são aqueles associados
aos métodos componentDidMount(), componentDidUpdate() e componentWillUnmount().
0,25 / 0,25 ptsPergunta 2
Preencha a lacuna abaixo, de tal forma que a criação de um estado em um componente de função
esteja corretamente declarada:
https://pucminas.instructure.com/courses/31583/quizzes/115707/history?version=1
https://pucminas.instructure.com/courses/31583/quizzes/115707/take?user_id=26669
09/10/2020 Atividade 10: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/2
https://pucminas.instructure.com/courses/31583/quizzes/115707 2/3
Responder 1:
const [valor, setValor] = useState (0);
useState
O useState é um hook. Os React Hooks são recursos criados na versão 16.8 do React e que
permitem, entre outras coisas, se adicionar um estado a um componente.
0,25 / 0,25 ptsPergunta 3
Responder 1:
Considere um componente principal App com o seguinte código:
function App() {
 return (<Ola usuario="João"/>);
}
Agora, complete o código abaixo de tal forma que a página mostre a mensagem "Olá João":
function Ola(props) {
 return (<p>Olá {props.usuario} </p>);
}
 
{props.usuario}
Cada atributo do elemento <Ola> será passado como uma propriedade do objeto props.
0,25 / 0,25 ptsPergunta 4
Que método do ciclo de vida do componente é executado quando esse componente é renderizado
pela primeira vez?
 componentMounted()
 componentUpdated()
 componentDidUpdate()
 componentDidMount()
09/10/2020 Atividade 10: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/2
https://pucminas.instructure.com/courses/31583/quizzes/115707 3/3
Na primeira vez que o componente for redenrizado, será executado o método
componentDidMount() . Nas atualizações do componente, o método executado será
componentDidUpdate() .
Pontuação do teste: 1 de 1