如何在React MPA中处理授权并处理多个页面

时间:2019-06-08 19:01:03

标签: reactjs

我需要在我的React应用程序中向多个页面/组件添加授权,如何在不重复相同的fetch()的情况下做到这一点?基本上只是检查是否已登录,以便在某些情况下我可以在导航栏上显示适当的按钮并将用户移至登录页面。 我是否应该创建一个带有回调的组件,无论是否登录,该回调都会返回带有信息的布尔值?

现在我为每个网址都有一个大组件,它呈现导航栏组件,并且通常在UI中的正确位置只有一个实际组件,这是一个好习惯吗?

在页面之间移动时我应该做的任何事情?我已经注意到我需要清除setIntervals,还有其他内容吗?

1 个答案:

答案 0 :(得分:1)

您可以创建一个HOC(高阶组件)。

Sahil Mittal写了一篇很好的文章,解释了如何为经过身份验证的路由创建HOC:https://www.codementor.io/sahilmittal/using-higher-order-components-for-authenticated-routing-i1hcp6pc6