Rumah  >  Soal Jawab  >  teks badan

Pelaksanaan pengendalian pengalihan selepas log masuk Firebase dalam React

<p>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. </p> <p>Ini ialah komponen borang log masuk saya: </p> <pre class="brush:js;toolbar:false;">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 ( <borang onSubmit={handleSubmit}> <jenis input="e-mel"nilai={email} onChange={e => setEmail(e.target.value)} placeholder="E-mel" <jenis input="kata laluan"nilai={kata laluan} onChange={e => setPassword(e.target.value)} placeholder="Kata Laluan" <jenis butang="serahkan">Log masuk</button> </form> ) } eksport Borang Log Masuk lalai; </pra> <p>Bagaimana saya mengendalikan pengalihan pengguna ke halaman utama selepas log masuk berjaya? </p>
P粉567112391P粉567112391436 hari yang lalu538

membalas semua(1)saya akan balas

  • P粉885562567

    P粉8855625672023-09-03 09:27:27

    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"));
      }

    balas
    0
  • Batalbalas