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

短短几行代码，包含了很多坑，用来考核挺好的

除非想读十秒前的值, 不然需要用 ref.current 更新到最新的。 我觉得挺经典的一道题。

React hook 的最大缺点就是对用户来说不直观，心智负担不小，所以还是 solidjs 更胜一筹

有大佬解释下吗

如果有公司让你看代码说结果，就不用去这种公司了

但凡是写过 react hooks 的，应该都知道吧

@h1104350235 装个 EsLint 插件就不会犯错了。依赖加上去。

useEffect(() => {
setTimeout(() => {
console.log(count);
}, 10 * 1000);
}, [count]);

@gdrk 感谢送上 回家地铁阅读理解➕1

useEffect(() => {}, []） 只会在挂载时调用, 所以打出 来的都是 0
解决办法是使用 useRef
感觉 hook 限制顺序还是写着难受, 带着镣铐的舞蹈

这个面试题可以

@rabbbit useRef 不会 re-render ，这个题还可以考察一下 re-render 怎么处理，useCallback 使用

非常不合理 代码是给电脑跑的

我不想做这种题，但遇到的面试许多这样的，接受不能改变的，改变能改变的。

我改变自己，我选择转行。

这不是很基础的东西吗...

挺不错的题，也是挺基础的题。正好下周有个面试，就用这道题考考候选人。

还有一个点我觉得可以考一下，就是 setCount 有没有更安全的调用方式，就是 setCount(prevCount => prevCount + 1) 。

不过各位我有个疑问，https://codesandbox.io/s/react-interview-increment-useeffect-g4r99j?file=/src/App.tsx ，我加了一个 useEffect 并依赖于 countRef.current ，我点 increment 了之后居然输出了 countRef.current 的最新值？！不是说更新 ref 不会触发重新渲染吗？

说起来我觉得即使有经验的 React 开发都可能会偶尔懵逼犯这些低级错误，React 在心智负担这点上面确实不如 Vue 、solidjs 有优势。

很高兴有人提到 solidjs ，就是生态还不行得等。

@okampfer 因为你的 setCount 触发的 rerender 啊

@okampfer ref 不会变，ref.current 会，你改成依赖 ref 试试

@looking0truth #36 不是这个原因，那个 useEffect 没有依赖 count 。
@gydi #37 改成依赖 countRef 就只输出一次了。

@okampfer 你之前的代码里点击触发 rerender 是因为 setcount 了，不是因为 ref current 的值变了

@westoy #20

移动端不支持，电脑上可以