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

leemeganj profile image

Enhancing two-way data binding in Angular

Megan Lee -

olga_tash profile image

SVAR Gantt: New Open Source, Interactive Gantt Chart for React

Olga T. -

gladiatorsbattle profile image

Transforming the Wall of Text: Modern Design with Glassmorphism, CSS Animations, and Typography

Gladiators Battle -

patrick_61cbc6392b72286f6 profile image

Axios vs Fetch: Which is Best for HTTP Requests?

Patrick -