在React中定义空dom元素的正确方法

小编典典

在React中定义空dom元素的正确方法

reactjs

我checkbox在prop内将可选参数发送给组件：

var checkBox = this.props.checkbox ? <span className='checkbox'></span> : null;

然后我这样说：

<div>
    ...
    {checkBox}
    ...
</div>

从上方可以看出，我为变量分配了null。但是我可以改为分配''似乎给出相同结果的空字符串。

什么是合适的？

阅读 738

2020-07-22

共1个答案

小编典典

您需要使用null。如果您使用如’‘之类的空字符串，那么react将创建一个空跨度dom元素，因此不一样。

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

2020-07-22