React应用中链接无法正常工作的原因排查求助

你这段代码的问题很明确——<a>标签的属性写错了：

• 你给<a>加了个空的href属性，又错误地用src来指定跳转地址，这完全不符合HTML规范，React当然解析不了这个链接。
• 记住：<a>标签是靠href定义跳转目标的，src是给图片、脚本这类标签用的属性，放到<a>上根本无效。

修正后的代码如下：

<a href="https://soundcloud.com/user-112780443/tracks" target="_blank" rel="noreferrer">
  <img className="streamers__links-icons" src="./Images/Soundcloud_Icon.png" alt="Soundcloud" />
</a>

把错误的src改成href，删掉那个多余的空href，链接就能正常渲染并点击跳转了。

内容的提问来源于stack exchange，提问作者Meerkat