reactjs - 如何在 React 中使用 useEffect 仅在组件首次安装时运行某些代码，并在事件发生(重复)时运行其他代码？

Question

如果标题不清楚，我想在组件安装时运行一些代码，并在特定变量更改时运行一些其他代码。我可以在 [] 中添加变量，但问题是，我希望某些代码仅运行一次，而不是在变量更改时运行。

仅供引用:该变量是一个窗口属性

提前致谢!

Answer 1

有两个单独的效果来处理每种情况。

情况1:组件安装时

useEffect(
  () => {
    // do something
  },
  [] // no dependency: run once
)

情况2:当变量发生变化时

useEffect(
  () => {
    if (variable) {
      // do something
    }
  },
  [variable] // with dependency: run every time variable changes
)