Reactjs 即使一切都受控，也会出现不受控的输入错误

我需要您的帮助，我正在尝试使用react strap中的表单，由于某些原因，我出现以下错误：

警告：组件正在将密码类型的受控输入更改为非受控输入。输入元件不应从受控切换到非受控（反之亦然）。决定在组件的使用寿命内使用受控或非受控输入元件

这是我的密码。 一切都在控制之中，但我仍然犯了错误，有人能发现我的错误吗

const LoginForm = () => {
  const [formData, setFormData] = useState({
    email: " ",
    password: " "
  });
  const onChange = e => {
    setFormData({
      [e.target.name]: e.target.value
    });
  };
  const onSubmit = e => {
    e.preventDefault();
    console.log("email password are", formData.email, formData.password);
    loginUser(formData.email, formData.password);
  };
  return (
    <Form onSubmit={onSubmit}>
      <FormGroup>
        <h1>Login</h1>
      </FormGroup>
      <FormGroup>
        <Label for="Email">Email</Label>
        <Input
          type="email"
          name="email"
          id="Email"
          placeholder="example@mail.com"
          onChange={onChange}
          value={formData.email}
        />
      </FormGroup>
      <FormGroup>
        <Label for="Password">Password</Label>
        <Input
          type="password"
          name="password"
          id="Password"
          placeholder="password"
          onChange={onChange}
          value={formData.password}
        />
      </FormGroup>
      <Button>Submit</Button>
    </Form>
  );
};

const LoginForm=（）=>{
常量[formData，setFormData]=useState({
电邮：“，
密码：“
});
const onChange=e=>{
setFormData({
[e.target.name]：e.target.value
});
};
const onSubmit=e=>{
e、 预防默认值（）；
console.log（“电子邮件密码为”，formData.email，formData.password）；
登录用户（formData.email、formData.password）；
};
返回(
登录
电子邮件
密码
提交
);
};

好的，我发现了错误，我没有公布最后的答案，所以通过输入密码我覆盖了我的电子邮件，正确的更改应该是：

const onChange = e => {
    setFormData({ ...formData, [e.target.name]: e.target.value });
  };