使用svg時，錨元素無法在EDGE上打開href

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>

單擊錨點，然后在EDGE上打開Facebook Url

有什么問題？

Answer 1

嘗試這個。 給svg屬性focusable="false"並告訴我是否可以解決。