Can't have top-level braces | Voters

Can't have top-level braces

Markus Tacker

I am authoring a component which should only render if a certain condition is met: 
{
props.isTrue && <div>Hello</div>;
}
If I put this in the editor, it shows me the error "Unexpected token ."

March 27, 2019

Samir Talwar

Markus Tacker: You're right, there's definite need for that! As a workaround for now, I think you can wrap the whole thing in a

<React.Fragment>

Tom Dawes

Samir Talwar: Sadly this won't work - unfortunately right now we don't support using

React.Fragment

as the top-level node of subcomponents either, but this is a bug, not a feature.

Will try and get this fixed soon!