React问题:useEffect导致键盘闪烁，用useLayout解决

移动端验证码组件，输入一个数字立即跳到下一个输入框，删除一个数字立刻返回上一个输入框，用useEffect会出现键盘闪烁的问题。
因为useEffect添加副作用是在dom渲染到浏览器之后，即浏览器绘制之后执行，不会阻塞浏览器，但是可能导致重绘与回流，从而出现闪烁。
useLayoutEffect是在副作用中操作完dom以后才让浏览器执行绘制，因此会造成阻塞。
两个hooks都能拿到最新的dom，不同的是添加副作用的时候一个hook在浏览器绘制之前执行，一个在浏览器绘制之后执行，一个同步，一个异步，一个阻塞，一个非阻塞。