React•React Core

React ES6 Ternary Operator

Ternary Operator

The ternary operator is a simplified conditional operator like if / else .

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

Here is an example using if / else :

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

Here is the same example using a ternary operator:

authenticated ? renderApp() : renderLogin();

Loading lesson path

React•React Core

The ternary operator is a simplified conditional operator like if / else .

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

Here is an example using if / else :

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

Here is the same example using a ternary operator:

authenticated ? renderApp() : renderLogin();