微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

检查用户是否完成了电子邮件验证 ReactJS Firebase

如何解决检查用户是否完成了电子邮件验证 ReactJS Firebase

我有以下代码可以帮助注册用户。目前正在尝试集成电子邮件验证并在完成后执行 updateProfile 回调。我可以使用 .sendEmailVerification() 方法发送电子邮件,但无法弄清楚如何进行检查并执行其他代码。将不胜感激!

export default function SignUp() {
  const history = useHistory();
  const { firebase } = useContext(FirebaseContext);

  const [firstName,setFirstName] = useState('');
  const [emailAddress,setEmailAddress] = useState('');
  const [password,setPassword] = useState('');
  const [error,setError] = useState('');

  const isInvalid = firstName === '' || password === '' || emailAddress === '';

  const handleSignup = (event) => {
    event.preventDefault();

    return firebase
      .auth()
      .createuserWithEmailAndPassword(emailAddress,password)
      .then((result) =>
        result.user
          //.sendEmailVerification()
          .updateProfile({
            displayName: firstName,photoURL: Math.floor(Math.random() * 5) + 1,})
          .then(() => {
            history.push(ROUTES.broWSE);
          })
      )
      .catch((error) => {
        setFirstName('');
        setEmailAddress('');
        setPassword('');
        setError(error.message);
      });
  };

解决方法

没必要想太多。创建帐户 (createUserWithEmailAndPassword) 时,在 firebase 对象中创建另一个键,用于标记用户处于未验证状态

{
    email: '',password: '',verified: false
}

在用户点击验证 URL 并成功后,将其标记为 true。

{
    email: '',verified: true
}
,

用户已经有一个属性来处理这个问题。

https://firebase.google.com/docs/reference/js/firebase.User#emailverified

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。