如何重新初始化init();在React中允许Adobe Animate SVG文件在路由更改时重新运行?

时间:2018-05-01 13:25:14

标签: reactjs adobe-animate

我已经建立了一个简单的反应项目,它有一个名为'cover'的可重用组件。在'cover'组件中,​​我有一个我从Adobe Animate创建的动画SVG,并将其导出为HTML,JS和SVG。这在第一次加载时工作正常,因为JS位于public / index.html文件中并在标记中初始化。但是,当我更改路由时,init不会被重新触发(这是正确的,因为React并不意味着重新加载页面),所以现在我遇到了在路由更改时无法看到SVG的困境。

请参阅此处的示例:https://react-sfj7qx.stackblitz.io

编辑器版本:https://stackblitz.com/edit/react-sfj7qx

请注意,标签上的init()函数似乎不在Stackblitz中呈现......

1 个答案:

答案 0 :(得分:0)

由于我不太了解Adobe Animation,我编辑了你的stackblitz,我稍微破坏了你的代码,但是你需要在这段代码中取得成功。您不知道的是,您需要在react中的文件之间导入和导出函数和变量。所以你会看到我是如何在stackblitz示例中完成的。

祝你好运!