reactjs - React - 冒号被替换

Question

谁能解释一下，为什么在这种情况下要替换冒号？

<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> 

渲染时的结果是:

这是一个已知问题还是我错过了什么？

Answer 1

您看到的是this.props.productGroup.supplierName的内容，您添加http://的地方不会显示在浏览器内容中