DEV Community

Discussion on: Conditionally render react components in cleaner way

View post
Collapse
 
evolify profile image
evolify • • Edited

How about this ?

const visible = true
return(
    <div>
        <div r-if = {visible}>content</div>
    </div>
)
Enter fullscreen mode Exit fullscreen mode

see babel-plugin-react-directive

Collapse
 
ridoansaleh profile image
Ridoan •

This remains me the Vue.js code

Collapse
 
evolify profile image
evolify •

If it is easy to use, why not?