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

Question

使用 React & Material-ui v3

我想打开一个带有 textField 自动聚焦的对话框 对话框是通过 Material-UI 中的 Menu / MenuItem 打开的

这是一个简单的代码框

有谁知道如何解决我的问题？使用参考？

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

标签： reactjsmaterial-ui

Answer 1

在稍微弄乱了你的沙箱之后，我想我发现了问题，当你打开你重置焦点时，尝试像这样修改这个函数：

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