如何修复Material-UI对话框文本字段焦点错误?

我正在工作中建立一个内部网站。实施基于权限的访问控制后,我试图创建一个用户可以创建角色的地方。问题是这样的。每当我单击文本字段时,光标都会消失。这意味着我根本无法输入任何单词。

我可以通过单击文本字段并同时非常快地敲击键盘来输入一个值。我没有收到任何错误消息。

我直接从https://material-ui.com/components/dialogs/#form-dialogs开始使用表单对话框。我将此组件导入父组件以使用它。它尚未链接到我的任何功能。

我在Dialog标记的内部和外部都创建了额外的<input type="text" />,以查看是否遇到相同的问题。 Dialog标记内的<input type="text" />存在相同的问题,但外部标记正常。

import React from 'react';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
import Dialog from '@material-ui/core/Dialog';
import Dialogactions from '@material-ui/core/Dialogactions';
import DialogContent from '@material-ui/core/DialogContent';
import DialogContentText from '@material-ui/core/DialogContentText';
import DialogTitle from '@material-ui/core/DialogTitle';

export default function FormDialog() {
  const [open,setOpen] = React.useState(false);

  const handleclickOpen = () => {
    setOpen(true);
  };

  const handleclose = () => {
    setOpen(false);
  };

  return (
    <div>
      <Button variant="outlined" color="primary" onClick={handleclickOpen}>
        Open form dialog
      </Button>
      <input type="text" />
      <Dialog open={open} onClose={handleclose} aria-labelledby="form-dialog-title">
        <input type="text" />
        <DialogTitle id="form-dialog-title">Subscribe</DialogTitle>
        <DialogContent>
          <DialogContentText>
            To subscribe to this website,please enter your email address here. We will send updates
            occasionally.
          </DialogContentText>
          <input type="text" />
          <TextField
            autoFocus
            margin="dense"
            id="name"
            label="Email Address"
            type="email"
            fullWidth
          />
        </DialogContent>
        <Dialogactions>
          <Button onClick={handleclose} color="primary">
            Cancel
          </Button>
          <Button onClick={handleclose} color="primary">
            Subscribe
          </Button>
        </Dialogactions>
      </Dialog>
    </div>
  );
}

有什么见解吗?

fszxg 回答:如何修复Material-UI对话框文本字段焦点错误?

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3134007.html

大家都在问