Implementierung der Handhabungsumleitung nach der Firebase-Anmeldung in React
P粉567112391
P粉567112391 2023-09-02 15:12:02
0
1
461
<p>Ich versuche, die Anmeldefunktion mithilfe der Firebase-Authentifizierung in meiner React-App zu implementieren. Ich kann den Benutzer erfolgreich mit E-Mail und Passwort authentifizieren, kann den Benutzer jedoch nach der Anmeldung nicht ordnungsgemäß auf die Startseite umleiten. </p> <p>Dies ist meine Anmeldeformularkomponente:</p> <pre class="brush:js;toolbar:false;">import { useState } from 'react'; import { useFirebase } aus 'react-redux-firebase'; const LoginForm = () => const [email, setEmail] = useState(''); const [Passwort, setPassword] = useState(''); const firebase = useFirebase(); const handleSubmit = (e) => e.preventDefault(); firebase.login({ Email, Passwort }) } zurückkehren ( <form onSubmit={handleSubmit}> <input type="email" onChange={e => setEmail(e.target.value)} placeholder="Email" <input type="password" onChange={e => setPassword(e.target.value)} placeholder="Password" <button type="submit">Login</button> </form> ) } Standard-LoginForm exportieren; </pre> <p>Wie gehe ich damit um, dass der Benutzer nach einer erfolgreichen Anmeldung auf die Startseite weitergeleitet wird? </p>
P粉567112391
P粉567112391

Antworte allen(1)
P粉885562567

如果您正在使用React Router Dom,您可以在用户验证后使用React Router Dom中的Redirect。 https://reactrouter.com/en/main/fetch/redirect

例如:

import { redirect } from "react-router-dom";
 firebase.login({
            email,
            password
        }).then(()=> redirect("/homeppage"));
  }
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!