Fragments don't render divs, they are a placeholder that renders nothing at all to the DOM, so the only thing rendered is what is returned by the functions etc.
I've been a professional C, Perl, PHP and Python developer.
I'm an ex-sysadmin from the late 20th century.
These days I do more Javascript and CSS and whatnot, and promote UX and accessibility.
I've been a professional C, Perl, PHP and Python developer.
I'm an ex-sysadmin from the late 20th century.
These days I do more Javascript and CSS and whatnot, and promote UX and accessibility.
Fragments don't render divs, they are a placeholder that renders nothing at all to the DOM, so the only thing rendered is what is returned by the functions etc.
So all these examples, which return a wrapper div with conditional content - does React strip out the empty div automatically?
<></>
is a Fragment not a<div></div>
, so nothing apart from the content is rendered.Ah, OP has updated the post. It used to use
<div>
in all the examples.Ahhh!!! That explains a lot :)