Implémentation de la gestion de la redirection après la connexion à Firebase dans React

Question

J'essaie d'implémenter la fonctionnalité de connexion à l'aide de l'authentification Firebase dans mon application React. Je parviens à authentifier l'utilisateur avec son e-mail et son mot de passe, mais je ne parviens pas à gérer correctement la redirection de l'utilisateur vers la page d'accueil après la connexion.

Voici le composant de mon formulaire de connexion :

import { useState } depuis 'react';
importer { useFirebase } depuis 'react-redux-firebase' ;

const LoginForm = () =>
    const [email, setEmail] = useState('');
    const [mot de passe, setPassword] = useState('');
    const firebase = useFirebase();

    const handleSubmit = (e) =>
        e.preventDefault();
        firebase.login({
            e-mail,
            mot de passe
        })
    }

    retour (
        

             setEmail(e.target.value)} placeholder="Email" />
             setPassword(e.target.value)} placeholder="Mot de passe" />
            Connexion
        
    )
}

exporter le formulaire de connexion par défaut ;
≪/pré>
Comment gérer la redirection de l'utilisateur vers la page d'accueil après une connexion réussie ? 

Answer 1

Si vous utilisez React Router Dom, vous pouvez utiliser la redirection dans React Router Dom après l'authentification de l'utilisateur. https://reactrouter.com/en/main/fetch/redirect

Par exemple :

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