Isto OU aquilo

O && mostra algo ou nada. Mas e quando você quer mostrar A ou B? Use o ternário condição ? A : B:

{total >= 100
  ? <p>🎉 Frete grátis!</p>
  : <p>Frete: R$ 10</p>}

Leia: "total ≥ 100 ? (se sim) frete grátis : (se não) R$ 10". É um if/else que cabe dentro do JSX.

🧠 Modelo mental: o ? pergunta, o : separa as duas respostas. condição ? resposta_sim : resposta_nao.

💡 Regra prática: um valor ou nada → use &&. Um valor ou outro → use o ternário ? :.