React hooks 用ref.current作为effect的依赖项问题

Question

测试demo
期望第一次点击按钮时能正确的打印:

rootRef.current: <div class="App">2</div>

可是第一次点击时无法打印
之后再点击都按预期的执行
能否解释下为什么呢？

这个问题的来源是我要看懂pro-table的代码地址 可是我自己测试时不按我预想的执行

Answer 1

第一次点击，依赖的东西没有变动，当然不执行了

Answer 2

不能使用ref作为UseEffect的依赖。ref是可变的不会使界面再次渲染。