Попытка использовать React.createRef (), но с ошибкой: TypeError: Невозможно прочитать свойство 'focus' из null

Question

Код в файле:

import React, { Component } from 'react'

class LoginModal extends Component {

    constructor(props) {
        super(props)
        this.mobileInput = React.createRef();    // <------------CREATED REF Here
    }

   componentDidMount() {
        this.mobileInput.current.focus()        // <<<------------Getting ERROR here
   }

render() {
        return (
          <input
            type='number'
            onChange={this.handleInputChange('mobile')}
            className='form-control'
            placeholder='Enter mobile'
            name='mobile'
            ref={this.mobileInput}           // <<<------------added ref to input
         />
       )
    }

Ошибка, которую я получаю:

Ошибка типа: не удается прочитать свойство 'focus' из null

what Я пытался:

• Я пытался использовать опору автофокуса, которая, кажется, не работает в моей текущей настройке проекта.
• Пытался использовать componentDidUpdate вместо componentDidMount.

* В файле больше кода. Я удалил ненужный код для ясности.

Answer 1

Я нашел ответ. Просто надо использовать это.

<input ref={input => input && input.focus()}/>