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

jhonoryza profile image

Deploy Laravel to Vercel

fajar sp -

bladearya profile image

Dockerizing Your Frontend Application with Nginx for Seamless Deployment

Amit Kumar Rout -

abhay_yt_52a8e72b213be229 profile image

How to Handle API Integrations in PHP, Especially for Large Datasets and Timeouts

Abhay Singh Kathayat -

hanzla-baig profile image

🦀 The Ultimate Rust Programming Language Mega-Tutorial 🚀

Hanzla Baig -