DEV Community

Cover image for React - JSX Conditional
Sandro Jhuliano Cagara
Sandro Jhuliano Cagara

Posted on • Edited on

React - JSX Conditional

#react #javascript #jsx #webdev

Instead of

const MyComponent = () => {
  return isTrue ? <p>True!</p> : null
};
Enter fullscreen mode Exit fullscreen mode

Use short-circuit evaluation

const MyComponent = () => {
  return isTrue && <p>True!</p>
};
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

kaankaya profile image

Dirty Code: Simple Rules to Avoid It

Kaan Kaya -

hitesh_developer profile image

Angular vs Next.js: A Detailed Comparison

Hitesh Chauhan -

rwxpat profile image

Must-Know Ruby on Rails Gems for Improved Productivity

Patrick Gramatowski -

hitesh_developer profile image

Angular vs Next.js vs Nuxt.js: Choosing the Right Framework for Your Project

Hitesh Chauhan -