小编Ari*_*aul的帖子

Consider the following code:

const Home = () => {
  const [user, setUser] = useState(null);

  useEffect(() => {
    const unsubscribe = auth.onAuthStateChanged(authUser => {
      if(authUser) {
        setUser(authUser);
      } else {
        setUser(null)
      }
    });

    return () => unsubscribe();
  }, []);

  return (
    <div>
      {user ? (
        <Hero />
      ) : (
        <Login />
      )}
    </div>
  )
}

export default Home

The Login component has all the functions which handles all the Sign Up, Login and Third-Party Authentications using Firebase.

The problems …