React ES6 Тернарний (потрійний) оператор

Тернарний (потрійний) оператор

Тернарний оператор є спрощеним умовним оператором, подібним до if / else.

Синтаксис: condition ? <expression if true> : <expression if false>

Ось приклад використання if / else:

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

Ось той самий приклад із використанням тернарного оператора:

authenticated ? renderApp() : renderLogin();

blue  renderBlue()  renderRed();