Correct way to define an empty dom element in React

Question

I send an optional parameter checkbox inside a prop to a component:

var checkBox = this.props.checkbox ?          


        

Answer 1

You need to use null. If you use an empty string like '' then react will create an empty span dom element, so it's not the same.

var label1 = My Label; // react generates a label element
var label2 = null; // react doesn't generate any dom element
var label3 = ''; // react generates and empty span like