在Firebase onAuthStateChanged填充状态lead以再次登录页面之前，重定向到专用路由

import { useEffect } from 'react';
import { useHistory } from 'react-router-dom';
import { auth } from 'firebase';

const LoginPage = () => {
  const history = useHistory();

  useEffect(() => {
    const unsubscribe = auth().onAuthStateChanged((user) => {
      if (user) {
        // 用户已登录，重定向到专用路由
        history.push('/dashboard');
      }
    });

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

  // 其他登录页面的代码

  return (
    // 登录页面的内容
  );
};

export default LoginPage;

import { useEffect, useState } from 'react';
import { auth } from 'firebase';

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

  useEffect(() => {
    const unsubscribe = auth().onAuthStateChanged((user) => {
      if (user) {
        // 用户已登录，可以获取用户信息并展示
        setUser(user);
      }
    });

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

  // 其他专用路由页面的代码

  return (
    // 专用路由页面的内容，可以展示用户信息等
  );
};

export default DashboardPage;