Pelaksanaan pengendalian pengalihan selepas log masuk Firebase dalam React

Question

Saya cuba melaksanakan fungsi log masuk menggunakan Pengesahan Firebase dalam apl React saya. Saya dapat berjaya mengesahkan pengguna dengan e-mel dan kata laluan, namun saya tidak dapat mengendalikan pengalihan pengguna ke halaman utama dengan betul selepas log masuk.

Ini ialah komponen borang log masuk saya:

import { useState } daripada 'react';
import { useFirebase } daripada 'react-redux-firebase';

const Log Masuk = () =>
    const [e-mel, setEmail] = useState('');
    const [kata laluan, setPassword] = useState('');
    const firebase = useFirebase();

    const handleSubmit = (e) =>
        e.preventDefault();
        firebase.login({
            e-mel,
            kata laluan
        })
    }

    kembali (
        
             setEmail(e.target.value)} placeholder="E-mel"
             setPassword(e.target.value)} placeholder="Kata Laluan"
            Log masuk
        
    )
}

eksport Borang Log Masuk lalai;

Bagaimana saya mengendalikan pengalihan pengguna ke halaman utama selepas log masuk berjaya? 
            

Answer 1

Jika anda menggunakan React Router Dom, anda boleh menggunakan Redirect dalam React Router Dom selepas pengesahan pengguna. https://reactrouter.com/ms/main/fetch/redirect

Contohnya:

import { redirect } from "react-router-dom";
 firebase.login({
            email,
            password
        }).then(()=> redirect("/homeppage"));
  }