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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

然后我这样说：

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

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

什么是合适的？

回答：

您需要使用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>

以上是 在React中定义空dom元素的正确方法 的全部内容， 来源链接： utcz.com/qa/424334.html

回到顶部