Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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:

Example

Before:

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

Try it Yourself »

Here is the same example using a ternary operator:

Example

With Ternary

authenticated ? renderApp() : renderLogin();

Try it Yourself »


Test Yourself With Exercises

Exercise:

Complete this ternary operator statement.

blue  renderBlue()  renderRed();

Start the Exercise