index.js：1375警告：组件正在更改要控制的文本类型的不受控制的输入

Question

如果用户已经通过身份验证，则添加（react-route-dom）后，我会注意到此错误。 我不知道为什么会出现此错误。 我发现了一些类似的问题，并且答案总是关于'undefined'状态。但是我认为并非如此。

这是我的代码：

function SignIn() {
  const classes = useStyles();

  const [state, dispatch] = useUserStore();

  const [formData, setFormData] = useState({
    email: "",
    password: "",
    remember: false
  });

  const { email, password, remember } = formData;

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

  const submitForm = async form => {
    form.preventDefault();

    login(email, password, remember, dispatch);
  };

  if (state.auth.isAuthenticated) return <Redirect to="/setting" />;

  return (
    <Container component="main" maxWidth="xs">
      <CssBaseline />
      <div className={classes.paper}>
        <form className={classes.form} onSubmit={form => submitForm(form)}>
          <TextField
            variant="standard"
            margin="normal"
            fullWidth
            id="email"
            label="Email Address or Username"
            name="email"
            autoComplete="email"
            value={email}
            onChange={e => handleChange(e)}
            autoFocus
          />

          <TextField
            variant="standard"
            margin="normal"
            fullWidth
            name="password"
            label="Password"
            type="password"
            id="password"
            value={password}
            onChange={e => handleChange(e)}
            autoComplete="current-password"
          />

         ...