Tutorials References Exercises Videos Pro NEW Menu
Paid Courses Website NEW

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) {
} else {

Try it Yourself »

Here is the same example using a ternary operator:

With Ternary

authenticated ? renderApp() : renderLogin();

Try it Yourself »

Test Yourself With Exercises


Complete this ternary operator statement.

blue  renderBlue()  renderRed();

Start the Exercise