在 Ionic 7 中,如何将光标焦点设置在 IonInput 字段上?

问题描述 投票:0回答:1

我正在使用 Ionic 7 和 React 18。如何使表单上的特定输入在加载该组件时自动获得光标焦点?我认为“自动对焦”就是方法

          <IonInput
          autofocus
            placeholder='First Name'
            value=''
          />

但这并没有获得光标焦点。可以在此处查看示例 - https://stackblitz.com/edit/an5yjh-xqjw5k?file=src%2FApp.tsx,src%2Fcomponents%2FMyForm.tsx .

编辑:根据给出的答案,我尝试了此操作,但焦点没有设置到页面上的唯一字段。

reactjs ionic-framework autofocus ionic7
1个回答
0
投票

Ionic 为 IonInput 组件提供了一个方法,称为:setFocus

© www.soinside.com 2019 - 2024. All rights reserved.