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,不,我不使用数组。但所有字段都位于“材质设计”对话框中