在 React 中，这些 useEffect 有什么区别？答案

【问题标题】：In React, what is the difference these useEffect?在 React 中，这些 useEffect 有什么区别？
【发布时间】：2022-01-13 14:06:26
【问题描述】：

  useEffect(() => {
    return () =>
      setTimeout(() => set_current_focus(index_map[comp_index]), 1000);
  }, [comp_index]);

和

  useEffect(() => {
    return setTimeout(() => set_current_focus(index_map[comp_index]), 1000);
  }, [comp_index]);

根据我的测试，没有区别。

有人可以确认吗？

【问题讨论】：

useEffect 应该怎么做？ set_current_focus 每当 comp_index 更改时 1 秒后？
都不正确。 useEffect(() => {/*component created, set timer*/const timer=setTimeout(cb, delay);return () => {/*component destroyed, clear timer*/clearTimeout(timer)}})
是的，没错
见stackoverflow.com/a/53090848

标签： reactjs use-effect

【解决方案1】：

useEffectsn-ps 都不正确。

传递给useEffect 的回调返回的值应该是一个用于清理事物的函数（比如在你的情况下清除超时）。

所以正确的用法是这样的：

useEffect(() => {
  const timeout = setTimeout(
    () => set_current_focus(index_map[comp_index]),
    1000
  );

  return () => clearTimeout(timeout);
}, [comp_index]);

【讨论】：