在 React 登录组件中，Firebase 登录注册正在运行，但是当我尝试发送重置密码链接时，则未发送到电子邮件

Question

在 React Login 组件中，Firebase 登录注册正在运行，但是当我尝试发送重置密码链接时，它无法正常工作。 没有从该字段获取电子邮件值，但登录工作正常。 所以无法在我的电子邮件中发送重置密码链接。

登录提交按钮：它正在工作：

 const handleToSubmit = (event) => { event.preventDefault(); const email = event.target.email.value; const password = event.target.password.value; signInWithEmailAndPassword(email, password) }

重设密码 功能码：无效：

<!-- language: lang-js -->

        const resetPassword = async (event) => {
            const email = event.target.email.value
            if (email) {
                await sendPasswordResetEmail(email);
                toast.success(`Check your Email ⮞ ${email}`);
            } else {
                toast.warn('Enter Email  ☹ ');
            }
        }

<!-- end snippet -->

我的电子邮件输入字段：它可以用于登录，但不能用于重置密码

<Form.Group controlId="formBasicEmail">
      <Form.Control type="email" name="email" placeholder="Enter email" />
</Form.Group>

重置单击按钮：它不起作用：

  
 
  
  
  
 
   
 
    
    <button onClick={resetPassword}> Reset Password </button>
 
   
 
  

Answer 1

我认为您正在使用 firebase v9。

所以你应该将auth作为参数传递给函数：

import { getAuth, sendPasswordResetEmail } from  "firebase/auth"; 

const auth = getAuth();
sendPasswordResetEmail(auth, email)
  .then(() => {
    // Password reset email sent!
    // show the toast
  })