关于javascript:使用判断的场景差异

最近在开发中发现一个小差别，在我应用&&来判断一个元素是否存在的场景下，关上html构造能看到元素里多了一对空的标签 <div></div>，这个时候一旦波及弹性盒模型背景下的布局调配，它就会占一个空间，视觉上看起来它是没有元素的。

实际上，它会因为相似场景下的布局调配多一部分的占位，所以我认为在我的项目中要进行场景的辨别来应用&&，比方是一个右下角慢慢弹出的提醒，这种不在文档流上存在占位的元素，就能够应用&&来进行判断，但波及占位的场景，为了稳当起见，其余时候还是倡议应用下方的三元运算符来进行判断。

//1、判断是否存在某元素，是则运行接下来的代码
 res && this.setState({ qrCode: res });

//2、个别用于if判断和其余判断条件并用
typeof url === 'string' && url.length

//3、判断一个元素是否存在
   {isCheck && (
                <Button  size="small"  >
                  按钮
                </Button>
              ) }

//判断一个元素是否存在的另一种形式（举荐）
    {isCheck ? (
                <Button size="small"  >
                  按钮
                </Button>
              ) : null}