React에서 Firebase 로그인 후 리디렉션 처리 구현

Question

React 앱에서 Firebase 인증을 사용하여 로그인 기능을 구현하려고 합니다. 이메일과 비밀번호로 사용자를 성공적으로 인증할 수 있지만 로그인 후 사용자를 홈페이지로 리디렉션하는 작업을 제대로 처리할 수 없습니다.

이것은 내 로그인 양식 구성요소입니다:

'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"
            <버튼 유형="제출">로그인</버튼>
        </양식>
    )
}

기본 로그인 양식 내보내기;

로그인에 성공한 후 사용자를 홈페이지로 리디렉션하려면 어떻게 해야 합니까?

Answer 1

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

예:

으아악