React での Firebase ログイン後のリダイレクト処理の実装
P粉567112391
2023-09-02 15:12:02
<p>React アプリに Firebase Authentication を使用してログイン機能を実装しようとしています。電子メールとパスワードを使用してユーザーを正常に認証できますが、ログイン後のユーザーのホームページへのリダイレクトを適切に処理できません。 </p>
<p>これは私のログイン フォーム コンポーネントです: </p>
<pre class="brush:js;toolbar:false;">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>
</フォーム>
)
}
デフォルトのログインフォームをエクスポートします。
</pre>
<p>ログインに成功した後、ユーザーをホームページにリダイレクトするにはどうすればよいですか? </p>
React Router Dom を使用している場合は、ユーザー認証後に React Router Dom で Redirect を使用できます。 https://reactrouter.com/en/main/fetch/redirect
###例えば:### リーリー