Javascript 链接页面更改不触发动画

我目前已经工作了2天，现在正试图在不需要刷新的地方工作

当前发生的情况是，当我通过链接更改页面时，在刷新页面之前，它不会触发某些组件的动画

我已经阅读了文档，它建议：

refProp:string，如果您正在将react-reveal组件与自定义 必须指定React组件（如React路由器的导航链接） 允许访问DOM的道具名称。通常是这样 类似innerRef的东西。默认情况下，它是ref.可选的

所以我把它放在header.js中

let anchorRef = React.createRef();

<Link to="/about" innerRef={anchorRef}>

这是我在页面上返回的内容，以及导入库等

<Fade bottom ssrReveal distance="150px">
   <p>This is an example</p>
</Fade> 

这是一个例子

我所做的只是按照文档中的建议正确地实施，但是由于我是新使用react的，所以我似乎遗漏了一些东西

---

这是动画库

您希望动画的组件是卸载还是重新装载的？如果没有。这是库作者所希望的方式。是的，它们正在卸载和装载。如果将组件包装在新组件中，并添加

componentDidMount

和

componentWillUnmount

方法（类）或

useffect

钩子将消息记录到控制台，您可以确认正在进行卸载和重新装载吗？我强烈怀疑它不是。当我在页面之间切换时，componentDidMount和ComponentUnmount工作得很好。问题是，尽管有些动画在某些方面起作用，而另一些则不起作用。只有当我完全刷新页面时，它才能正常工作，但如果我在页面之间切换，它在某些事情上会正常工作。触发时间的计算可能已关闭，可能需要重新调用，但不确定具体如何调用。进一步查看，如果我从“关于”页面转到“联系人”页面，它似乎开始在“关于”页面的更高位置引发问题，然后如果我从“关于”页面转到“合作伙伴”页面，该页面更长，并且问题在“关于”页面的末尾附近开始页但有些事情仍然有效，有些事情则不行。就像我有6个部分，第1部分有效，第2部分有效，第3部分无效或部分无效，第4部分有效，第5部分无效。

<Fade bottom ssrReveal distance="150px">
   <p>This is an example</p>
</Fade>