suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Implementierung der Handhabungsumleitung nach der Firebase-Anmeldung in React

<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粉567112391P粉567112391447 Tage vor550

Antworte allen(1)Ich werde antworten

  • P粉885562567

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

    如果您正在使用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"));
      }

    Antwort
    0
  • StornierenAntwort