React 不支持svg use标签的xlink:href属性

#1 
render(){
        return (
            <nav className="nav-footer">
                <a className="nav-item on" href="#">
                    <svg className="icon" aria-hidden="true">
                        <use xlink:href="#hfq-home_fill"></use>
                    </svg>
                    <strong>首页</strong>
                </a>
            </nav>
        )
    }

最后控制台报错

问下各位大神 有没什么解决办法？

#2

用ref取到dom元素然后写原生attribute上去

#3

嗯 已经解决了
把 xlink:href 换成 xlinkHref 就好了

#4

学习了

#5

可以把path直接复制进去吧