React - 未处理的拒绝（TypeError）：无法读取未定义的属性“错误”

Question

我对 React 很陌生，在使用用户登录和管理员登录时遇到错误

这是我在登录文件中的方法，我遇到了一个错误 - 未定义的错误。 如果用户成功登录，我在 state 值中使用错误来更改错误状态

    const [values, setValues] = useState({
    email: "",
    password: "",
    error: "",
    loading: false,
    didRedirect: false
  });

  const { email, password, error, loading, didRedirect } = values;
  const { user } = isAuthenticated();

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

  const onSubmit = event => {
    event.preventDefault();
    setValues({ ...values, error: false, loading: true });
    signin({ email, password })
      .then(data => {
        if(data.error) {
          setValues({ ...values, error: data.error, loading: false });
        } else {
          authenticate(data, () => {
            setValues({
              ...values,
              didRedirect: true
            });
          });
        }
      })
      .catch(console.log("signin request failed"));
  };

  const performRedirect = () => {
    //TODO: do a redirect here
    if (didRedirect) {
      if (user && user.role === 1) {
        return <Redirect to="/admin/dashboard" />;
      } else {
        return <Redirect to="/user/dashboard" />;
      }
    }
    if (isAuthenticated()) {
      return <Redirect to="/" />;
    }
  };

Answer 1

因为它是异步的，你必须等待你的数据有一个点数据未定义，这就是它抛出错误的原因。 尝试改变

if(data.error) {

至

if(data && data.error) {