React での Firebase ログイン後のリダイレクト処理の実装

Question

React アプリに Firebase Authentication を使用してログイン機能を実装しようとしています。電子メールとパスワードを使用してユーザーを正常に認証できますが、ログイン後のユーザーのホームページへのリダイレクトを適切に処理できません。

これは私のログイン フォーム コンポーネントです:

import { useState } from 'react';
import { useFirebase } から 'react-redux-firebase';

const LoginForm = () => {
    const [電子メール、setEmail] = useState('');
    const [パスワード, setPassword] = useState('');
    const firebase = useFirebase();

    const handleSubmit = (e) => {
        e.preventDefault();
        firebase.login({
            Eメール、
            パスワード
        })
    }

    戻る （
        <フォームonSubmit={handleSubmit}>
            <input type="email" value={email} onChange={e => setEmail(e.target.value)} placeholder="Email" />
            <input type="password" value={password} onChange={e => setPassword(e.target.value)} placeholder="Password" />
            <button type="submit">ログイン</button>
        </フォーム>
    ）
}

デフォルトのログインフォームをエクスポートします。

ログインに成功した後、ユーザーをホームページにリダイレクトするにはどうすればよいですか?

Answer 1

React Router Dom を使用している場合は、ユーザー認証後に React Router Dom で Redirect を使用できます。 https://reactrouter.com/en/main/fetch/redirect

＃＃＃例えば：＃＃＃ リーリー