小编Nat*_*ber的帖子

如何在 React 18 中使用“useEffect”

我正在关注 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

javascript sass reactjs use-effect

0
推荐指数
1
解决办法
2260
查看次数

标签 统计

javascript ×1

reactjs ×1

sass ×1

use-effect ×1