Operador Ternário React ES6


Operador Ternário

O operador ternário é um operador condicional simplificado como if/ else.

Sintaxe: condition ? <expression if true> : <expression if false>

Aqui está um exemplo usando if/ else:

Antes de:

if (authenticated) {
  renderApp();
} else {
  renderLogin();
}

Aqui está o mesmo exemplo usando um operador ternário:

Com Ternário

authenticated ? renderApp() : renderLogin();


Teste-se com exercícios

Exercício:

Preencha esta instrução de operador ternário.

blue  renderBlue()  renderRed();