我正在关注 YouTube 教程,该教程使用 React 17,而我正在使用 React 18。我所在的部分是我们正在格式化一些动画文本,一切正常,但我所在的部分将句子的字母设置为在悬停时更改。我收到以下错误:
react-dom.development.js:86 警告:useEffect 不得返回除用于清理的函数之外的任何内容。您返回:2
这是给我带来问题的代码片段:
useEffect(() => {
return setTimeout(() => {
setLetterClass('text-animate-hover')
}, 4000)
}, [])
Run Code Online (Sandbox Code Playgroud)
这是我的 text-animate-hover 类的 scss:
.text-animate-hover {
min-width: 10px;
display: inline-block;
animation-fill-mode: both;
&:hover {
animation: rubberBand 1s;
color: #ffd700;
}
}
Run Code Online (Sandbox Code Playgroud)
我读到我不需要在 React 18 中使用“useEffect”,但我不明白我应该做什么。我所做的大部分搜索都返回了很多使用“useEffect”和“异步”问题的实例,我在将这些实例与我的特定问题联系起来时遇到了麻烦。
我很感激任何帮助。
-N8