setTimeout在useEffect中

问题描述

我正在尝试在setTimeout和useEffect中更改元素的样式。

这是代码的样子

In home.js: 
useEffect(()=>{
    setTimeout(()=>{
        // change styles  for 'frontenddevelopment'
        changeStyles1();
    },1000)

    // changeStyles for 'i love frontend'
    changeStyles2()
},[])

我发现渲染主页后，如果我导航到其他页面并返回到主页，将再次调用changesstyles1（）并再次运行动画。从其他页面导航回到主页时，应该怎么做以避免再次调用setTimeout（）。

您会发现，如果我从首页导航到其他页面然后返回首页，则changeStyle2不会再显示动画。这就是我想要的效果。

我的网站托管在netlify上 我在codepen

上的代码

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）