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

abhay_yt_52a8e72b213be229 profile image

Implementing Route Guards in React: Protecting Your Routes with Authentication and Roles

Abhay Singh Kathayat -

abhay_yt_52a8e72b213be229 profile image

Mastering Redux Toolkit: Simplify State Management in Your React App

Abhay Singh Kathayat -

abhay_yt_52a8e72b213be229 profile image

Mastering MobX: Simplified and Reactive State Management for React

Abhay Singh Kathayat -

prince_beec5ccde00b7c6c73 profile image

Toggle Switch Realistic illusion using the core html and core Css Code

Prince -