Как вызвать фокус в поле ввода и сделать принудительный вызов клавиатуры в React?
Есть компонент input'а. К нему прикручена маска react-input-mask. Нужно чтобы при загрузке страницы поле ввода было с фокусом и показана клавиатура(в данном случае цифровая).
<InputMask
ref={this.inputRef}
/>
На componentDidMount компонента вешаю:
componentDidMount() {
this.inputRef.focus();
}
И оно работает на десктопе. А в телефоне как-то странно. При переходе на страницу - фокуса нет. Но если ткнуть в поле и перезагрузить страницу, то фокус остается. Но клавиатура в любом случае не показывается. Пробовал отключить пакет с маской - клавы так же нет.
Ответы (2 шт):
Автор решения: ZiiMakc
→ Ссылка
Нужно так:
<InputMask
ref={(input) => { this.inputRef = input; }}
/>