锚点元素不't使用svg时，请打开EDGE上的href

Anchor element doesn't open the href on EDGE when svg is used

本文关键字：href 上的 EDGE svg 使用 元素      更新时间：2023-09-26

我有以下代码：

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

点击锚点打开EDGE 上的Facebook Url

怎么了？

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

相关文章：