Comando
1 import { useState } from "react"; 2 function Carrinho() { 3 const [itens, setItens] = useState([]); 4 function adicionarItem() { 5 itens.push("produto"); 6 setItens(itens); 7 } 8 return ( 9 <div> 10 <p>Quantidade de itens: {itens.length}</p> 11 <button onClick = {adicionarItem} >
Adicionar </button> 12 </div> 13 ); 14 } 15 export default Carrinho;
No componente Vue 3 a seguir, a diretiva v-if controla a renderização condicional dos elementos no DOM, de modo que apenas uma das mensagens será renderizada conforme o estado de logado.