DEV Community

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

Posted on • Updated 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

aliyuadeniji profile image

Variables and Data types in Rust: A simplified approach.

Aliyu Adeniji -

abayomijohn273 profile image

Deploying NestJS Application using Vercel and Supabase

Abayomi Olatunji -

sshamza profile image

Creating a Live Collaborative Editor with Next.js and Sockets.IO

Hamza Nadeem -

heritech9 profile image

Week 4 Recap of #100DaysOfCode: From Creative CSS to JavaScript Adventures 🚀

heritech9 -