is it possible to use inline if with react components?

Question

I recently learned about this. (what´s the name of it?)
condition && console.log("hello")

how can I use it with a component? like
condition && <MyComponent />

that´s it. thank you!

Nicolas Acosta · Answer

It's possible to use inline for only true conditions: {condition && } And for true and false conditions: {condition ? : }

aeXuser264 · Answer

you can use it on component like this,
{condition && <MyComponent />}

See https://reactjs.org/docs/react-component.html#render this line in types

Booleans or null. Render nothing. (Mostly exists to support return test &&  pattern, where test is boolean.)

2 Answers