Javascript 使用snapsvg从svg标记中删除内容

我正在使用 当用户单击一个芯片下注时，它应该显示一个带有芯片颜色的svg图像，然后如果用户单击另一个芯片，它应该显示该新芯片。确实如此，但在添加不同的svg内容之前，我无法删除内容，所以现在的情况是svg被放在以前的svg之上

我真的不想附加更多的内容，我想替换它。但是我似乎没有找到任何其他的选择 这就是为什么我尝试在添加之前删除视频数据，但不起作用。它不断地将下一个svg图像放在上一个svg图像的上面。 我希望我在这里讲得有点道理

这就是我的代码在react上的样子

         componentWillReceiveProps () {
           if (this.props.chipSelectedSvg) {
             const tipChipSnap = snap('#tipChip');
             const tipChipSvgContent = Snap.parse(this.props.chipSelectedSvg.content);
             tipChipSnap.removeData();
             tipChipSnap.append(tipChipSvgContent);
            }
         }

         render () {

           return (
             <div id="tips-tooltip-container" style={{visibility : tooltip}}> 
               <svg id="tipChip" className="chip" viewBox="-15 -20 120 120"></svg>
             </div>
         }

使用Element.remove方法

---

我不确定。Element.remove从捕捉图形表面删除图元。据我所知，他想更换整个表面。所以我想一个普通的孩子会这样。