React Tutorials
React Introduction
React Get Started
React Render HTML
React JSX
React Components
React Class
React Props
React Events
React Conditionals
React Lists
React Forms
React Router
React Memo
React CSS Styling
React Sass Styling
React ES6
React ES6
ES6 Classes
ES6 Arrow Functions
ES6 Variables
ES6 Array Methods
ES6 Destructing
ES6 Spread Operator
ES6 Modules
ES6 Ternary Operator
React Hooks
What is Hook?
useState
useContext
useRef
useReducer
useCallback
useMemo
Custom Hooks
Previous
React ES6 Ternary Operator
Ternary Operator
A ternary operator is a conditional operator that is simplified such as if / more.
Syntax: condition? <expression if true>: <expression if false>
Here is an example that uses if / else:
Before:
if (authenticated) {
renderApp();
} else {
renderLogin();
}
Here is a similar example using a ternary operator:
With Ternary
authenticated ? renderApp() : renderLogin();