React에서 Firebase 로그인 후 리디렉션 처리 구현
P粉567112391
P粉567112391 2023-09-02 15:12:02
0
1
548
<p>React 앱에서 Firebase 인증을 사용하여 로그인 기능을 구현하려고 합니다. 이메일과 비밀번호로 사용자를 성공적으로 인증할 수 있지만 로그인 후 사용자를 홈페이지로 리디렉션하는 작업을 제대로 처리할 수 없습니다. </p> <p>이것은 내 로그인 양식 구성요소입니다: </p> <pre class="brush:js;toolbar:false;">'react'에서 { useState } 가져오기; 'react-redux-firebase'에서 import { useFirebase }; const LoginForm = () => const [이메일, setEmail] = useState(''); const [password, setPassword] = useState(''); const firebase = useFirebase(); const handlerSubmit = (e) => e.preventDefault(); firebase.login({ 이메일, 비밀번호 }) } 반품 ( <onSubmit={handleSubmit} 형식> <입력 유형="이메일" 값={email} onChange={e => setEmail(e.target.value)} 자리 표시자="이메일" <입력 유형="password" 값={password} onChange={e => setPassword(e.target.value)} placeholder="Password" <버튼 유형="제출">로그인</버튼> </양식> ) } 기본 로그인 양식 내보내기; </pre> <p>로그인에 성공한 후 사용자를 홈페이지로 리디렉션하려면 어떻게 해야 합니까? </p>
P粉567112391
P粉567112391

모든 응답(1)
P粉885562567

React Router Dom을 사용하고 계시다면 사용자 인증 후 React Router Dom에서 Redirect를 사용하실 수 있습니다. https://reactrouter.com/en/main/fetch/redirect

예:

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿