无法登录，因为它显示来自 firebase 的错误消息“电子邮件 ID 格式错误”

Question

这是我的代码，但找不到任何解决方案，数据已上传到 firebase ，并且身份验证处理了我的电子邮件 ID 和详细信息，但是，在尝试登录时它显示错误，我找不到任何解决方案，尝试使用 trim() 函数，但没用。 所以请尝试帮助

我的代码

import React ,{useState,useContext}from 'react';
import FirebaseContext from '../../store/FirebaseContext.js'

import './Login.css';
import {useHistory} from "react-router-dom"
[![Screen Shot for the error message][1]][1]

function Login() {
  const history=useHistory()
  const [password,setPassword]=useState('')
  const [email,setEmail]=useState('')
  const {firebase}=useContext(FirebaseContext) 
  const handleLogin=(e)=>{
    e.preventDefault()
    firebase.auth().signInWithEmailAndPassword(email.trim(),password)
    .then(()=>{
      alert('LoggedIn')
      history.push("/")
    })
    .catch((error)=>{
      alert(error.message)
    })

  }
  return (
    <div className='backdrop'>
      <div className="loginParentDiv">
        <img className='login-logo' src="https://t4.ftcdn.net/jpg/03/77/48/55/360_F_377485593_QHN6cjoNsNdOBoJNOwVRlFcHyZ0M9n3P.jpg"></img>
        <br />
        <form onSubmit={handleLogin}>
          <label htmlFor="fname">Email</label>
          <br />
          <br />
          <input
            className="input"
            type="email"
            
            name="email"
            placeholder='john123@gmail.com'
          />
          <br />
          <br />
          <label htmlFor="lname">Password</label>
          <br />
          <br />
          <input
            className="input"
            type="password"
            id="lname"
            name="password"
            placeholder=''
          />
          <br />
          <br />
          <button>Login</button>
        </form>
        <a href='/signup'>Signup</a>
      </div>
    </div>
  );
}

export default Login;

我的代码

Answer 1

您的输入中没有onChange方法。 首先使用 console.log 检查您是否收到了您所在州的电子邮件。

尝试这个

          <input
            className="input"
            type="email"
            onChange={(e) => setEmail(e.target.value)}
            name="email"
            placeholder='john123@gmail.com'
          />