首页 > 解决方案 > React.js 使用 Redirect 的简单路由保护

问题描述

在一个教程中,我看到了以下路由保护的工作原理,并且我已经成功地将其付诸实践。

  if (!auth.uid) {
return <Redirect to='/sign_in' />

}

我试图用这个想法运行,但将其应用于特定的电子邮件地址(例如 admin@gmail.com)重定向除管理员之外的该组件中的所有人。

    if(email !== 'admin@gmail.com'){
      return <Redirect to='/'/>
}

我指的是 Google Firestore。我可以通过 mapStateToProps 访问身份验证。我相信我已经正确地“连接”了所有东西。我想我在 JS 逻辑上苦苦挣扎?

见附图,我可以成功控制台登录auth.email在此处输入图像描述

标签: javascriptreactjsredirect

解决方案


推荐阅读