ReactJs - Creating an “If” component… a good idea?

Question

I\'ve read in the React docs that \"if\" type statements can\'t be used in JSX code, because of the way JSX renders into javascript, it doesn\'t work out as one would expect

Answer 1

You can do inline conditionals like this

{true && (
<div>render item</div>
)}

{false && (
<div>don't render item</div>
)}

Or you can just use a var

var something;

if (true) {
something = <div>render item</div>
}

{something}