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: