使用React的AnimeJs实现不起作用

我已经在我的react应用程序中实现了一个简单的Anime Js文本动画;我还有其他的Anime Js项目可以很好地执行,但是我只是看不到这个问题,以及为什么它不起作用。

TextColourChangeLoader.js

Dropp-down

Example.js

id='yaxis-columns',

Example.js文件中的动漫js实例可以正常工作;但是TextColourChangeLoader.js动画无法运行。每当循环使用loopComplete回调选项完成循环时,我都尝试登录到控制台,这表明循环正在运行,但是动画没有运行。我也尝试过只运行TextColourChangeLoader.js动画,但这仍然行不通。这可能是什么解释?任何帮助。

boggie0909 回答:使用React的AnimeJs实现不起作用

我认为这是行不通的,因为您正在尝试为未先加载的组件设置动画。记住React的生命周期流程,我更喜欢使用React Hooks来解决问题,这是这样的:通过useEffect钩子,您可以传递animate函数,以便首先呈现组件然后执行该函数,而不是相反订购。我猜想类组件中的等效组件是componentDidMount(),因此请尝试重构代码以将anime()与componentDidMount连接。结束语,主要概念是首先呈现组件,然后执行anime()。对不起,我的英语水平。

本文链接:https://www.f2er.com/2763657.html

大家都在问