Question

我有以下代码：

<a target="_blank" href={this.props.FacebookUrl}>
  <svg className="icon svg-facebook">
     <use xlinkHref={'/Content/icons/sprite/icons-common.svg#facebook'} />
  </svg> 
</a>

Generated Code:


<a target="_blank" href="https://www.facebook.com/facebook" data-reactid=".dzu29bnjgg.0.0.0.2.0.1.0.0.0">
  <svg class="icon svg-facebook" data-reactid=".dzu29bnjgg.0.0.0.2.0.1.0.0.0.0">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Content/icons/sprite/icons-common.svg#facebook" data-reactid=".dzu29bnjgg.0.0.0.2.0.1.0.0.0.0.0">
    </use>
  </svg>
</a>

点击Anchor会在EDGE上打开Facebook Url

问题是什么？

Answer 1

试试这个。给svg属性focusable="false"并告诉我是否修复了它。

当使用svg时，锚元素不会在EDGE上打开href

1 个答案: