Блог

У меня есть поле ввода otp, и я хочу, чтобы оно было автоматически сфокусировано на начальном рендеринге(с использованием крючков, интеллектуального и немого компонента). Поле находится внутри ионной модели

 import OtpInput from "react-otp-input";  import {IonInput, IonModal} from '@ionic/react';  lt;IonModal isOpen={true} cssClass={classes.someClass} showBackdrop={false} gt;  lt;OtpInput  shouldAutoFocus={true}  value={props.otp}  numInputs={6}  /gt; lt;/IonModalgt;  

Я хочу конкретно OtpInput, но я также пробовал использовать IonInput, он также не поддается автоматической фокусировке

 lt;IonInput  autofocus={true}  type="number"  label="Enter OTP" /gt;  

попробовал атрибут автофокусировки, документ.querySelecterAll, не удалось попробовать document.getElementById, потому что идентификатор каким-то образом не отображается на элементе

Чего мне не хватает?

Это должно сработать.

 lt;ion-input autofocus="true"gt;lt;/ion-inputgt;