DEV Community

Discussion on: Conditionally rendering in React with ternary operator

Collapse
 
peiche profile image
Paul

If you have a condition where you want to render something only if a condition is true (or false), you can do this:

{displayComponent &&
  <MyComponent />
}
Enter fullscreen mode Exit fullscreen mode

Side note on accessibility, it would be helpful if you'd include some relevant alt text on that image. Better yet, display an actual code snippet instead of an image. Cheers!

Collapse
 
a_vietnamese_guy profile image
Nguyen Trong Duc Luong

Thank you for your advise