React和Firebase:仅在成功登录后显示组件

时间:2018-05-04 17:51:52

标签: reactjs firebase authentication

我正在尝试使用React和Firebase为我的台球联盟制作应用。我想让用户登录,然后能够看到完整的应用程序(用于确定比赛,日程安排,团队等的计算器)。我正在存储父组件状态中是否有人登录的状态(例如:this.state = { loggedIn: true })。 Firebase登录/注销工作正常,基于上述状态的组件的React条件渲染也是如此。状态默认为false,并根据firebase.auth().onAuthStateChanged(也可以正常运行)更改为true。

我遇到的问题是,目前没有什么可以阻止一个有进取心的人 - 一个没有我的应用帐户但没有登录的人 - 从打开React dev工具并切换loggedIn到{{1因此,揭示了所有的好东西。

我已经查看过React和Firebase的一些教程(比如这个CC-Tricks),他们说要做到这一点 - 将身份验证状态存储在组件状态中。我也认为有一种简单的方法可以做我需要我的应用程序做的事情,但我可能只是过度思考/太noob。有什么指针吗?

0 个答案:

没有答案