Imagem de fundo

Após análise de uma solicitação, chegou-se à conclusão de...

Após análise de uma solicitação, chegou-se à conclusão de que seria necessário construir um componente Nota, que receberia 2 atributos, matrícula e disciplina, e apresentaria a nota após uma consulta. O desenvolvedor estava quase concluindo a tarefa, quando esqueceu que recurso utilizar para tratar o resultado da consulta usando as propriedades matricula e disciplina. Indique a alternativa que está correta e deve substituir o comentário /* AQUI */, no trecho de código abaixo, para ajudar nosso amigo desenvolvedor.


import React from "react";


const Nota = ({ matricula, disciplina }) => {

-const [nota, setNota] = React.useState("");

-const fakeRequest = (matricula, disciplina) => {

--retum Math.floor(Math.randomO * 100);

-};


-/* AQUI */


-return (

--<div>{nota}</div>

-);

};


export default Nota



A

effect((() => {

-setNota(fakeRequest(matricula, disciplina));

}, [matricula, disciplina]);


B

React.useEffect(() => {

-setNota(fakeRequest(matricula, disciplina));

}, [matricula, disciplina]);


C

React.useStateEffect(() => {

-setNota(fakeRequest(matricula, disciplina));

},[]);


D

useRef(() => {

-setNota(fakeRequest(matricula, disciplina));

}, [matricula]);


E

createContext(() => {

-setNota(fakeRequest(matricula, disciplina));

}, [matricula, disciplina]);