Текстовое поле с автофокусом и MenuItem

Question

Использование React & Material-ui v3

Я хочу открыть диалог с автофокусом textField Диалог открывается с помощью Menu / MenuItem из Material-UI Каким-то образом кажется, что автофокус работает очень короткое время при разрушении элемента MenuItem.

Вот простые коды и поля

У кого-нибудь есть идеи о том, как решить мою проблему? Используя ref?

Любая помощь будет оценена, спасибо.

Answer 1

после того, как немного поигрался с вашей песочницей, я думаю, что нашел проблему, когда вы открываете, вы сбрасываете фокус, попробуйте изменить эту функцию следующим образом:

  openDialog = () => {
    this.setState({
      isDialogOpen: true,
      anchorEl: this.state.anchorEl
    });
  };