Implementierung der Handhabungsumleitung nach der Firebase-Anmeldung in React

Question

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.

Dies ist meine Anmeldeformularkomponente:

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;

Wie gehe ich damit um, dass der Benutzer nach einer erfolgreichen Anmeldung auf die Startseite weitergeleitet wird?

Answer 1

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