react怎样实现input的自动聚焦 不需要点击

 我来答
psx900910
2016-12-28 · 超过14用户采纳过TA的回答
知道答主
回答量:31
采纳率:0%
帮助的人:22.9万
展开全部

楼主,这很简单的。

首先你要给你的input组件加上ref属性,如下:

<input type="text" ref={(input) => { this.textInput = input; }} />

如果你想在组件加载完成后聚焦到该input,那你就在componentDidMount函数中加上下面下面这段代码:

this.textInput.focus();
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式