HOOK组件内使用useRef作用于隐藏的Input为什么会导致ref失效？

Question

https://preview.pro.ant.desig...
v4预览版，【个人中心】 菜单栏下，【标签】这个组件，后边那个+图标点击之后Input没有自动获取到焦点，所以导致失去焦点隐藏Input也失效，必须手动获取下焦点在失去才有效. v2版本没有问题

Answer 1

// hooks 执行时异步操作,当你设置显示input之后，有立马执行获取焦点操作，肯定会出问题，试试下面的操作

 useEffect(()=>{
    if(inputVisible && ref.current) {
        console.log(ref.current);
        ref.current?.focus();
    }
 },[inputVisible])
 const showInput = () => {
    setInputVisible(true);
  };
  

Answer 2

在github上得到了一个答案是可行的，而且还很简单

setInputVisible(true);执行之后，组件并不会立即重新渲染，而是会继续执行剩下的语句，所以ref.current的值仍然是null，你的那个log应该是打印不出来的。
Input添加autoFocus应该可以在渲染的时候自动获取焦点