Constantly create new nodes

[andyTsing]

render() {
    return (
        <React.Fragment>
                    <div ref = { this.setSVGRef } />
        </React.Fragment>
    );
}
onSVGLoaded = data => {
    let lElement = Snap(this.refSVG);
    lElement.append(data);
}
 Snap.load('images/Printer.svg', this.onSVGLoaded);

---

lElement.append(data); how to clear it? lElement.remove();?

[andyTsing]

I found the reason: because there is no call to stop the animation(When the component is componentWillUnmount(), there are running animation frames), and there are no svg instances on other pages, all the results of the animation are all attached to the page body.

componentWillUnmount() {
    this.AS(0X01);
    this.AS(0X00, '#H');
}

AS is a function to Stop the corresponding animation。