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

Question

使用React＆Material-ui v3

我想打开一个带有textField自动聚焦的Dialog对话框是用Material-UI的Menu / MenuItem打开的。不知何故autoFocus似乎在MenuItem崩溃的情况下工作了很短的时间。

这是一个simple codesandbox

有没有人知道如何解决我的问题？用ref？

任何帮助将不胜感激，谢谢。

Answer 1

在搞乱了你的沙箱后我觉得我发现了问题，当你打开你重置焦点时，尝试修改这个函数如下：

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