我正在工作中建立一个内部网站。实施基于权限的访问控制后,我试图创建一个用户可以创建角色的地方。问题是这样的。每当我单击文本字段时,光标都会消失。这意味着我根本无法输入任何单词。
我可以通过单击文本字段并同时非常快地敲击键盘来输入一个值。我没有收到任何错误消息。
我直接从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>
);
}
有什么见解吗?