React에서 Firebase 로그인 후 리디렉션 처리 구현
P粉567112391
2023-09-02 15:12:02
<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>
React Router Dom을 사용하고 계시다면 사용자 인증 후 React Router Dom에서 Redirect를 사용하실 수 있습니다. https://reactrouter.com/en/main/fetch/redirect
예:
으아악