具有自动对焦和MenuItem的文本字段

Question

使用React＆Material-ui v3

我想打开一个具有自动聚焦的textField的对话框 使用Material-UI中的Menu / MenuItem打开对话框 通过MenuItem崩溃，自动对焦似乎可以在很短的时间内工作。

这里是simple codesandbox

有人知道如何解决我的问题吗？ 使用引用？

感谢您的任何帮助。

Answer 1

在弄乱了您的沙箱后，我认为我发现了问题，当您打开焦点时，尝试像这样修改此功能：

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