Как сфокусировать поле ввода даты в реакции?

Question

Не могли бы вы сказать мне, как сфокусировать поле ввода даты в реакции? Я использую плагин семантического https://www.npmjs.com/package/semantic-ui-calendar-react

Я хочу сфокусировать поле ввода даты при нажатии кнопки, вот мой код.вот мой код https://codesandbox.io/s/3l414mno5

focus = () => {
    console.log(this.a);
    this.a[0].onFocus();
    // this.inputRef.focus()
  };

фокус не в поле ввода почему?любое обновление?

Answer 1

Чтобы включить фокусировку при нажатии кнопки, вам нужно установить ссылку следующим образом:

    this.logButton = React.createRef();
    ref={this.logButton}

и получить к ней доступ при нажатии кнопки, как показано ниже:

focus = e => {
    this.logButton.current.openPopup();
};

openPopup()- функция, которая открывает всплывающее окно календаря, используемый вами плагин, имеет такой код, отметьте здесь

demo и в нескольких полях данных используйте динамические ссылки,Надеюсь, это поможет.