虚心请教，这样的 React 面试题目是否合理？

[w4ngzhen]

各位真大佬，鄙人最近在面试 React 初 /中级，请问一下这个问题是否合理？

// 按钮挂载后，10 秒点击按钮 N 次，打印的效果？
const [count, setCount] = useState(0)
useEffect(() => { 
    setTimeout(() => {  
      console.log(count);
    }, 10 * 1000 )
 }, []);
<button onClick={() => setCount(count + 1)} />

个人感觉这个问题还是会考察候选人对 React 、React 的 useEffect 理解，不知道各位大佬怎么看？

[uen]

useEffect 依赖参数传空数组只会组件初始化的时候渲染一次

[Leviathann]

可以把 考察基本的闭包用法

[cyrbuzz]

得给 button 加点文字，不然不好点(逃~)。

[yuningWang8]

useEffect 回调执行的是当前状态的缓存。这个代码不能打印出最新的 count 。

[dcsuibian]

还行，关键词：React 闭包陷阱

[guisheng]

我最近在用 发现它死循环

[FaiChou]

不错的, 可以筛选掉一些只会用 react 的人

[vone]

@uen 开发环境会重复触发。

[zepc007]

@guisheng 监听某个 state 的时候再更新这个 state ？

[zhuangzhuang1988]

太魔法了.

[Leviathann]

@zhuangzhuang1988 这个就是 hook 的基石，结合 memo 、callback 啥的，搞到后面越写越复杂，所以很多人都很喜欢 solidjs 的设计

[ragnaroks]

合理

[guisheng]

@zepc007 是的。

[ragnaroks]

setTimeout 、依赖列表、useEffect 清理、闭包捕获的变量的值，都是常见可能失误的地方

[mameng]

结果是 0 ， [] 里面为空只有第一次渲染，更新不渲染

[gdrk]

我就说看着眼熟，dan 这篇[博文] ( https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/)算是完整的讲解了这题的几个关键点。感觉面中级这题是不是简单了点, 毕竟 dan 的这篇文章还挺入门的

[gdrk]

我这 markdown 真的是用的稀烂... [博文]( https://overreacted.io/zh-hans/a-complete-guide-to-useeffect)

[w4ngzhen]

@gdrk 是的，我主要是看了这篇文章

[yuthelloworld]

[]里没有监测的变量。所以不会打印吧

[westoy]

@gdrk v 站回复不支持 markdown.......