React での Firebase ログイン後のリダイレクト処理の実装
P粉567112391
P粉567112391 2023-09-02 15:12:02
0
1
560
<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>
P粉567112391
P粉567112391

全員に返信(1)
P粉885562567

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

###例えば:### リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート