问无法更改firebase身份验证signInWithEmailAndPassword中的状态

EN

import React, { useState, useContext } from 'react';
import { Link } from 'react-router-dom';
import fire from '../config/fire';
import { useHistory, useLocation } from 'react-router';
import { Context } from '../../App';

const SignIn = () => {
  const context = useContext(Context);

  // handling state of SignIn
  const [email, setEmail] = useState('');
  const [password, setPassword] = useState('');
  const [emailErr, setEmailErr] = useState('');
  const [passErr, setPassErr] = useState('');
  
  // fetching the previous location
  let history = useHistory();
  let location = useLocation();
  let { previousPath } = location.state || { previousPath: { pathname: '/' } };

  const clearError = () => {
    setEmailErr('');
    setPassErr('');
  };

  const changeHistory = () => {
    if (context.isLoggedIn) {
      history.replace(previousPath);
    }
  };

  const handelSignIn = () => {
    clearError();

    fire
      .auth()
      .signInWithEmailAndPassword(email, password)
      .then((res)=> {
        context.setIsLoggedIn(true);
        changeHistory();
      })
      .catch((err) => {
        switch (err.code) {
          case 'auth/invalid-email':
            setEmailErr('invalid e-mail, please enter a valid one.');
            break;
          case 'auth/user-not-found':
            setEmailErr('Invalid e-mail address. Please enter the valid one.');
            break;
          case 'auth/wrong-password':
            setPassErr('Invalid password.');
            break;
          default:
            setEmailErr('Something wrong. Please try again.');
            setPassErr('Something wrong. Please try again.');
        }
      });
  };

  return (
    <div>
      <Link to="/">Home</Link>

      <div
        style={{
          display: 'flex',
          height: '100vh',
          justifyContent: 'space-around',
          alignItems: 'center',
        }}
      >
        <div className="signIn">
          <input
            type="email"
            value={email}
            placeholder="E-mail"
            required
            autoFocus
            onChange={(e) => setEmail(e.target.value)}
          />
          <p>{emailErr}</p>
          <br/>

          <input
            type="password"
            value={password}
            placeholder="Password"
            required
            onChange={(e) => setPassword(e.target.value)}
          />
          <p>{passErr}</p>
          <br/>

          <button onClick={handelSignIn}>Sign In</button>
        </div>
      </div>
    </div>
  );
};

export default SignIn;