React-结肠正在被替换

有人能解释一下,在这种情况下为什么要更换结肠吗?

<div className="col-6 text-left">
{
    hasHomepage && 
    <a href={'http://' + this.props.productGroup.supplierWebsite} target="_blank">
        {this.props.productGroup.supplierName}
    </a>
}
{
    !hasHomepage &&
    this.props.productGroup.supplierName
}
</div> 

当它被渲染时,结果是:

这是一个已知的问题还是我遗漏了什么?