Reactjs 文本字段中的每个字母都会使我失去焦点
我试图在文本字段中输入一个条目,并在字段中显示每个字母的值。 然而,每次我打字时,我都会在字段中失去焦点。 我在材质设计的对话框组件中使用了全部内容Reactjs 文本字段中的每个字母都会使我失去焦点,reactjs,Reactjs,我试图在文本字段中输入一个条目,并在字段中显示每个字母的值。 然而,每次我打字时,我都会在字段中失去焦点。 我在材质设计的对话框组件中使用了全部内容 const [aendereEmail, setaendereEmail] = React.useState(""); <Dialog onClose={userBearbeitenDialogClose} aria-labelledby="responsive-dialog-tit
const [aendereEmail, setaendereEmail] = React.useState("");
<Dialog
onClose={userBearbeitenDialogClose}
aria-labelledby="responsive-dialog-title"
fullScreen={fullScreen}
open={userBearbeitenDialog}
>
<DialogTitle id="simple-dialog-title">User bearbeiten</DialogTitle>
<DialogContent dividers>
<Col md={12} style={{ textAlign: "center", marginTop: "20px" }}>
<TextField
id="email"
type="text"
variant="outlined"
label="eMail"
onChange={(e) => setaendereEmail(e.target.value)}
value={aendereEmail}
/>
</Col>
</Row>
</DialogContent>
<DialogActions>
<Button
color="primary"
onClick={() => userBearbeitenSpeichern(aktuellerUser)}
>
übernehmen
</Button>
</DialogActions>
</Dialog>
const[aendereEmail,setaendereEmail]=React.useState(“”);
用户bearbeiten
SetaEndeeMail(e.target.value)}
值={aendereEmail}
/>
用户BearBeitenspeichen(aktuellerUser)}
>
吕伯内曼
我不知道你在函数中做什么,但这里有一个Stackoverflow答案,解释了如何将输入绑定到一个字段,它是函数中的一个钩子。TextField是你创建的自定义组件吗?如果是这样,请创建一个函数handleChange(e),该函数将e或event作为变量,并将setaendereEmail(e.target.value)放入handleChange(e)中。然后将handleChange的引用传递给onChange prop.Hi@schorle88,TextField的上下文是什么?例如,TextField是否在某个地图数组中?你能添加更多信息吗?您添加的代码看起来都很好。@Luis Paulo Pinto,不,我不使用数组。但所有字段都位于“材质设计”对话框中