Imagem de fundo

Considere o seguinte código de uma aplicação React:import...

Considere o seguinte código de uma aplicação React:


import React, {useState, useEffect} from 'react';


const CVinteUm = () => {

const [estado, setEstado] = useState(0);

let variável = true;


useEffect(() => {

new Promise(r=>{r()})

.then(()=>setEstado(e=>e+'10'))


return () => { variável = false; };

}, []);


return <div>{`"${estado} ${variável}"`}</div>

}


export function App(props) {

return (<CVinteUm />);

}


Ao ser executado em um browser web, após completadas as renderizações, o componente App exibe:


A

nada;


B

o texto “0 false”;


C

o texto “010 true”;


D

o texto “010 false”;


E

uma mensagem de erro.