在反应中更新svg xlink

Question

我正在尝试更新svg文件中的xlink:href属性，但没有使用我传递给它的链接进行更新，因此它将jpg文件显示为svg的背景

如何使用链接更新xlink属性？

component.js

if(this.state.image) {
  const backgrounds = svg.find('#bg')
  $(backgrounds).attr('xlink:href', https://local.devel:5601/media/material/uni-348-01_material.jpg);
}

svg

<defs>
    <pattern id="img1" patternUnits="userSpaceOnUse" width="100%" height="100%">
        <image id="bg" xlink:href="" x="0" y="0" width="100%" height="100%" />
    </pattern>
</defs>