react input 自动focus 失效问题

今天公司需求在tooltip显示时自动获取焦点，直接用ref.current.focus({ cursor: 'start'})不会自动聚焦

后来才发现需要做异步处理，在下一个生命周期中实现聚焦具体代码为

const ref = useRef<InputRef>(null); //搜索vin

time = setTimeout(function () {

ref.current?.focus({

cursor: 'start',

});

}, 10);

react input 自动focus 失效问题相关推荐

iOS中 H5的input输入框focus()无法自动拉起键盘（解决方法）
iOS中 H5的input输入框focus()无法自动拉起键盘(解决方法) 参考文章: (1)iOS中 H5的input输入框focus()无法自动拉起键盘(解决方法) (2)https://www. ...
浏览器input自动填充
浏览器记住密码之后,账号密码框自动填充到input当中,输入框的背景色为白色,color为黑色,目标是去除这些自动填充之后的默认样式. 在reset.css当中写入填充后的样式 input:-webk ...
IOS input auto focus 解决方案探究
IOS input auto focus 解决方案探究开发过hybird的人都知道,在IOS手机下面处于安全策略考虑,不允许JS自动获取input输入框的焦点并调出虚拟键盘,可是从产品角度来看,往往 ...
babel 插件为react元素自动添加属性
原文链接: babel 插件为react元素自动添加属性上一篇: clip-path 绘制css常见图形制作有趣的动画下一篇: js 生成器协程参考 https://www.imliyan. ...
[JavaScript]搜索框中文/英文/拼音匹配过滤逻辑/input的focus和下拉框的click冲突解决/点击条目后focus二次点击不生效问题解决
效果图思路: 输入框的逻辑: 要监控input的输入,根据框架自己选择绑定事件要有focus和blur的方法,input的focus和下拉框的click冲突的话应该用mousedown 展开下拉框 ...
idea不自动检查语法_idea自动检查失效-目录中类名下的红色波浪线没有自动消除问题...
自动检查失效-工程类名红色波浪线没有错误也不消除最近打开一个新工程,遇到一个问题,当修改类里面的代码时,中间有语法不正确的情况,这时左边目录结构会有红色下划线,这是正常情况. 问题是: 当我把代码语 ...
android开发 eclipse alt+”/”自动提示失效
最近在学习android开发布局这块.第一次学习,很多代码不熟悉.所以自动提示对我来说很重要.但悲催的就是这个自动提示失效.今天在网上搜索了一下解决办法,主要有一下几种方法:转自 1用于没有一点提示的 ...
SAP Spartacus unit detail 页面显示后自动 focus 设置的原理
这个自动 focus 设置的效果是:我们从 Spartacus Unit list 页面,随便选择一行,进入明细页面之后: 键盘 focus 会自动停留在 detail 页面(下图右边红色矩形框内)第 ...
统计信息自动收集任务失效原因排查
环境:Oracle 11.2.0.3 RAC 问题:统计信息自动收集任务失效原因排查 1.查看自动任务的状态 2.进一步查看其它信息 3.解决问题 1.查看自动任务的状态查看自动任务的状态,确认是e ...

react input 自动focus 失效问题

react input 自动focus 失效问题相关推荐

最新文章

热门文章