У меня в основном небольшая проблема с аутентификацией в отношении моего нового приложения реакции.Видите ли, я хочу защитить свою панель инструментов, очевидно, - сделать ее доступной только для людей, которые вошли в систему. Однако я не могу понять, как это сделать правильно.Это мой код:
function checkAuthentication(onSuccess, onFailure){
return new Promise((resolve, reject) => {
auth.onAuthStateChanged((user) => {
if(user){
resolve(user.uid);
} else {
reject(false);
}
})
});
}
const Authentication = (props) => {
checkAuthentication().then((info) => {
return <Route {...props} />
}).catch((error) => {
return <Redirect to='/admin'/>
});
}
export default Authentication;
И вот как выглядит мой маршрут:
<Authentication path="/dashboard/overview" component={DashboardOverview} exact={true}/>
Однако я получаю эту ошибку:
В чем здесь проблема?По сути, все, что я хочу сделать, - это запретить людям, которые не вошли в систему, отобразить страницу.Кроме того, мне также нужно получить uid, чтобы я мог определить, является ли пользователь администратором или нет (определено в настройках), и это то, что я должен был сделать после работы с этим кодом.Тем не менее, я застрял здесь.
Может кто-нибудь, пожалуйста, помогите мне?