Javascript 为什么没有'；在文本字段中不连续地写？

我想创建一个页面来获取用户信息

这是codesandbox.io页面

当我连续输入“d”时성별* 文本字段

但我只能输入一次“d”。 如果我想输入更多，我必须单击성별* textfield，然后输入“d”

你能帮我吗

---

没有错误消息。只是不要连续写。

您错误地实现了表单，实现方式如下：

  const [values, setValues] = React.useState({
    gender: "",
    birthday: "",
    phone: ""
  });

  const handleChange = name => event => {
    setValues({ ...values, [name]: event.target.value });
  };

  const classes = useStyles();

  function Certify() {
    return (
      <React.Fragment>
        <Grid container spacing={3}>
          {Object.keys(values).map((certify, index) => (
            <Grid item xs={12} sm={6} key={index}>
              <TextField
                required
                label={certify.key}
                onChange={handleChange}
                value={certify.value}
                fullWidth
              />
            </Grid>
          ))}
        </Grid>
      </React.Fragment>
    );
  }

const[values，setValues]=React.useState({
性别：“，
生日：“，
电话：“
});
const handleChange=name=>event=>{
setValues（{…值，[名称]：event.target.value}）；
};
const classes=useStyles（）；
函数{
返回(
{Object.keys（values）.map（（certificate，index）=>(
))}
);
}

---

查看在

函数certifite（）的主体内移动以下内容


  const gender = useinput("");
  const birthday = useinput("");
  const phone = useinput("");

  const certifys = [
    { key: "성별", state: gender },
    { key: "생일", state: birthday },
    { key: "번호", state: phone }
  ];